Font Files

Web Fonts (WOFF/WOFF2)

Compressed font formats optimized for web delivery.

WOFF (Web Open Font Format)

Released in 2009, WOFF wraps OpenType/TrueType fonts with zlib compression, reducing file sizes by approximately 40%. Supported by all modern browsers.

WOFF2

Released in 2014, WOFF2 uses Brotli compression for 30% better compression than WOFF. This is the recommended format for modern web development.

@font-face {
  font-family: 'MyFont';
  src: url('myfont.woff2') format('woff2'),
       url('myfont.woff') format('woff');
}

Best Practices

• Always serve WOFF2 first, with WOFF as fallback
• Use font-display: swap to prevent invisible text
• Subset fonts to include only needed characters
• Preload critical fonts with <link rel="preload">

OpenType Variable Fonts