TTF, OTF, WOFF и WOFF2: в чём разница между форматами шрифтов

Что такое TTF, OTF, WOFF и WOFF2 — короткие определения

Чем отличаются форматы шрифтов TTF, OTF, WOFF и WOFF2 друг от друга? Разница не в том, «какой лучше», а в том, для какой задачи каждый формат спроектирован — установки на компьютер или загрузки в браузер.

TTF (TrueType Font) — это формат шрифта, разработанный Apple и Microsoft ещё в 1980-х и ставший стандартом для установки шрифтов на десктопных системах. По данным службы поддержки Microsoft, Windows штатно поддерживает установку файлов TrueType (*.TTF) через контекстное меню или папку шрифтов системы.

OTF (OpenType Font) — это более поздний формат, разработанный Adobe совместно с Microsoft как расширение TrueType. OTF поддерживает продвинутые типографские функции — лигатуры, альтернативные начертания знаков, поддержку сложных систем письма — и может использовать как контуры TrueType, так и контуры PostScript внутри одного файла. Устанавливается и используется так же, как TTF: Windows поддерживает и TrueType (*.TTF), и OpenType (*.OTF) одинаково.

WOFF (Web Open Font Format) — это формат-контейнер, который берёт шрифт TTF или OTF и сжимает его специально для передачи по сети. Файл WOFF легче исходного TTF/OTF, что ускоряет загрузку страницы, а браузер распаковывает его на лету. На компьютер WOFF-шрифт штатно не устанавливается — он предназначен для подключения на сайте через CSS, а не для системы.

WOFF2 — это следующее поколение того же формата. По данным Wikipedia, WOFF2 использует более современный алгоритм сжатия (Brotli вместо zlib в WOFF) и получается заметно компактнее своего предшественника. Это формат, который MDN Web Docs рекомендует подключать первым в правиле @font-face для современных сайтов.

Таблица сравнения форматов шрифтов

Сведём ключевые отличия в одну таблицу, чтобы не листать текст в поисках нужного пункта.

Главный практический вывод из таблицы: TTF и OTF — это «рабочие» форматы для установки и дизайна, а WOFF и WOFF2 — их облегчённые веб-версии, которые на компьютер не ставят, а подключают к сайту кодом.

Какой формат шрифта выбрать — по сценарию

Правильный формат зависит не от формата самого по себе, а от того, кто и для чего его использует.

Для веб-разработчика (сайт, @font-face)

Подключайте WOFF2 первым, а WOFF — запасным вариантом в том же правиле @font-face: браузер выберет первый поддерживаемый формат из списка. Такой порядок источников как раз и рекомендует MDN Web Docs — WOFF2 даёт меньший размер файла и более быструю загрузку страницы, а WOFF подхватывает те редкие случаи, когда WOFF2 почему-то недоступен. На практике выбор и подключение форматов шрифтов — лишь один из десятков мелких технических нюансов, которые влияют на скорость и качество сайта: когда таких нюансов много, их обычно закрывает профильная команда — например, команда разработчиков YuSMP Group на проектах по созданию сайтов.

Для дизайнера, печати и десктопных приложений

Здесь нужны OTF или TTF — только эти форматы устанавливаются в систему и становятся доступны в Photoshop, Figma, Word, InDesign и других программах. Если шрифт планируется использовать в вёрстке для печати или в сложных типографских сценариях (лигатуры, альтернативные начертания), предпочтительнее OTF.

Для старых браузеров и мобильных устройств

Если сайту важна совместимость с очень старыми браузерами, в цепочку @font-face иногда по-прежнему добавляют TTF последним пунктом как крайний fallback. Для подавляющего большинства современных проектов достаточно пары WOFF2 + WOFF.

Чем открыть файл шрифта без установки

Иногда нужно просто посмотреть, как выглядит шрифт, не устанавливая его в систему.

• Windows: дважды кликните по файлу TTF или OTF — откроется встроенное окно предпросмотра с образцами начертания в разных размерах, кнопка «Установить» в нём отдельная, нажимать её не обязательно.
• macOS: двойной клик по файлу шрифта открывает приложение Font Book в режиме предпросмотра — оно показывает образец текста без немедленной установки, кнопка «Установить шрифт» также отдельная.
• Онлайн-просмотрщики: если нужно глянуть шрифт без доступа к своему компьютеру, подойдёт любой веб-сервис для предпросмотра TTF/OTF — загружаете файл, видите образец текста в браузере.

Как установить шрифт TTF/OTF — Windows, macOS, Linux

Установка нужна, когда шрифт должен появиться в списке доступных шрифтов во всех программах — Word, Photoshop, Figma и так далее.

Windows 10 и 11

1. Распакуйте архив со шрифтом, если он пришёл в ZIP — устанавливать нужно сами файлы TTF/OTF, а не архив.
2. Кликните правой кнопкой по файлу шрифта и выберите «Установить» (или «Установить для всех пользователей», если нужен доступ всем аккаунтам на компьютере).
3. Альтернативный способ — перетащить файлы TTF/OTF прямо в системную папку шрифтов C:\Windows\Fonts.
4. Перезапустите открытые программы (Word, браузер и т.д.) — новый шрифт появится в списке только после перезапуска приложения.

macOS

1. Дважды кликните по файлу шрифта — откроется приложение Font Book с предпросмотром.
2. Нажмите кнопку «Установить шрифт» в правом верхнем углу окна предпросмотра.
3. Шрифт сразу становится доступен во всех приложениях без перезапуска системы.

Linux

1. Скопируйте файлы TTF/OTF в папку ~/.local/share/fonts для установки только для своего пользователя (папку нужно создать, если её ещё нет).
2. Для установки всем пользователям системы файлы копируют в /usr/share/fonts/ (нужны права администратора).
3. Обновите кэш шрифтов командой fc-cache -f -v в терминале — без этого шага новый шрифт может не появиться в приложениях сразу.

Как сконвертировать шрифт между форматами (TTF → WOFF2 и обратно)

Конвертация между форматами шрифтов нужна в основном в одном сценарии: у вас есть десктопный TTF или OTF (например, куплен на сайте шрифтов или получен от дизайнера), а нужно подключить его на сайт — для этого его сжимают в WOFF2 и WOFF.

• Онлайн-конвертеры шрифтов — самый быстрый способ для разовой задачи: загружаете TTF или OTF, на выходе получаете WOFF и WOFF2 без установки программ. Подходит, если шрифт не содержит закрытой лицензионной защиты.
• Десктопные инструменты и консольные утилиты — удобны, когда нужно пережать сразу много файлов шрифтов пакетно, например при подготовке веб-проекта с десятками начертаний.

Обратная конвертация — из WOFF2 в TTF — тоже возможна технически, но на практике нужна редко: WOFF2 изначально создаётся из TTF/OTF, так что для установки на компьютер разумнее поискать исходный десктопный файл шрифта, а не распаковывать веб-версию.

Почему файл шрифта может быть опасен

Может ли файл шрифта содержать вирус? Напрямую сам шрифт — это файл с данными о начертаниях букв, а не исполняемый код. Но есть два реальных риска, о которых стоит знать.

Поддельное двойное расширение. Файл с именем вроде шрифт.ttf.exe выглядит как шрифт, потому что Windows по умолчанию скрывает известные расширения файлов — пользователь видит только «шрифт.ttf», хотя реальный файл — это исполняемая программа .exe. Это тот же принцип маскировки, что используют и для других опасных расширений — полный разбор таких приёмов есть в гайде какие расширения файлов опасно открывать.

Уязвимости в парсерах шрифтов. Файл шрифта — это не просто картинка, а сложная структура данных, которую разбирает системный рендерер шрифтов при каждом открытии или установке. В прошлом в таких парсерах находили уязвимости, позволявшие выполнить вредоносный код через специально повреждённый файл шрифта — именно поэтому операционные системы регулярно выпускают обновления для компонентов обработки шрифтов.

Частые проблемы

Частые вопросы