Best format guide

Best Font Format for Web Delivery

WOFF2 is the preferred default for modern web font delivery.

Recommendation

Choose the default first.

WOFF2

WOFF2 provides the best compression efficiency for browser font delivery.

font/woff2

TTF

Use TTF for broader desktop/editor compatibility and fallback packaging.

Files: 1

OTF

Use OTF where OpenType feature sets are needed in design workflows.

Files: 1

Decision factors

Ground the recommendation in constraints.

Decision Factors

  • Browser support matrix and legacy client requirements.
  • Font payload size targets and performance budgets.
  • Need for advanced typographic OpenType features.
  • Packaging strategy for web versus desktop distribution.

Common Mistakes to Avoid

  • Serving uncompressed TTF as the only web font format.
  • Skipping fallback declarations for older clients.
  • Ignoring font-subsetting opportunities for performance.
FAQ

Answer the common objections directly.

What is the primary recommendation in this guide?

WOFF2 is the recommended default for this use case.

How should teams validate this format choice?

Use sample fixtures and manifest endpoints to test compatibility, performance, and conversion behavior in production-like conditions.