Fonts

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

FeatureTTFWOFF2
File sizeLarger30–50% smaller
Browser supportUniversal but not optimizedAll modern browsers
CompressionNoneBrotli
Best forDesktop, printWeb 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.

Try it now — free & private

No uploads. No account. Works in your browser.

Convert TTF to WOFF2
Шрифты

WOFF2 против TTF: какой формат шрифта использовать на сайте?

Опубликовано: 5 июля 2025 г. · 4 мин чтения

Шрифты — один из самых тяжелых ресурсов при начальной загрузке страницы сайта. Переход на современный формат позволяет ускорить отрисовку текста и избежать неприятного эффекта мерцания шрифтов (FOUT/FOIT).

Почему TTF устарел для веба

TrueType (TTF) создавался в 1980-х годах для настольных операционных систем Windows и macOS. Он не содержит оптимизированного сжатия, поэтому файлы гарнитур весят от 200 КБ до нескольких мегабайт, перегружая мобильный интернет пользователей.

Преимущества WOFF2

WOFF2 (Web Open Font Format 2) использует ультраэффективный алгоритм сжатия Brotli, снижая размер шрифта на 30–50% по сравнению с обычным WOFF и до 70% по сравнению с TTF. Формат поддерживается более чем 97% современных браузеров.

Подключение через CSS @font-face

@font-face {
  font-family: 'MyFont';
  src: url('/fonts/myfont.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
}

Оптимизируйте ваши веб-шрифты

Преобразуйте TTF в ультракомпактный WOFF2 прямо в браузере.

Конвертировать TTF в WOFF2