WOFF2 vs TTF: Which Font Format Should Your Website Use?
Published: July 5, 2025 · 4 min read
The font format you choose directly impacts your website's loading speed. WOFF2 and TTF are the most common choices, but they serve different purposes.
What is TTF?
TrueType Font (TTF) was developed by Apple and Microsoft in the 1980s. It has universal support across all operating systems and design software. TTF is used for desktop installation, print, and design tools. It has larger file sizes since there is no web-specific compression.
What is WOFF2?
Web Open Font Format 2 (WOFF2) uses Brotli compression to reduce file sizes by 30–50% compared to WOFF (and even more compared to TTF). It was created specifically for web use and is supported by all modern browsers including Chrome, Firefox, Safari, and Edge.
Performance comparison
| Feature | TTF | WOFF2 |
|---|---|---|
| File size | Larger | 30–50% smaller |
| Browser support | Universal but not optimized | All modern browsers |
| Compression | None | Brotli |
| Best for | Desktop, print | Web projects |
How to convert TTF to WOFF2 for your website
Use a browser-based converter to upload your TTF and download the WOFF2. Then use @font-face in CSS with format('woff2') to load it on your site.