Один шрифт в нескольких форматах: какие файлы действительно нужны

Для большинства задач достаточно двух или трёх файлов: TTF или OTF для установки на компьютер и WOFF2 для сайта. WOFF можно добавить как запасной веб-формат, а EOT и SVG сегодня почти не используются. Нужный комплект зависит от сценария: макеты, браузер, мобильное приложение, печать или электронная книга.

Актуальность статьи: 28 августа 2026 года. Ниже разберём, чем отличаются основные форматы файлов шрифта, когда выбирать TTF или OTF, зачем нужен WOFF2 и как собрать комплект без лишних экспортов.

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

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

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

TTF подходит, когда нужно подготовить макет, презентацию, документ или печатный материал. При этом расширение само по себе не говорит, насколько хорошо шрифт поддерживает кириллицу, OpenType-функции или разные начертания. Перед выпуском проверьте состав символов, имена стилей и корректность отображения в целевых программах.

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

Выбор между TTF и OTF не сводится к правилу OTF всегда лучше. Современные TTF-файлы тоже могут содержать OpenType-функции, а OTF-файл может использовать разные типы контуров. Для обычной установки важнее качество экспорта, совместимость с программами и корректные метрики, чем само расширение.

WOFF2 создан для загрузки шрифтов в браузере. Он использует эффективное сжатие и обычно позволяет передавать по сети меньший объём данных, чем обычные десктопные файлы. Поэтому для нового сайта WOFF2 чаще всего становится главным веб-форматом, подключаемым через правило шрифта в таблице стилей.

WOFF2 не предназначен для обычной установки в систему как основной пользовательский файл. Если заказчику нужен шрифт для Figma, Illustrator или текстового редактора, передайте TTF или OTF. Если шрифт должен работать только на сайте, отдельный десктопный файл может не потребоваться, но лицензия на веб-встраивание всё равно необходима.

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

EOT создавался для старых версий Internet Explorer, а SVG-шрифты применялись в ранней веб-графике. В современных проектах эти форматы обычно не нужны: они усложняют комплект и не дают практической пользы для актуальных браузеров. Экспортировать их имеет смысл только при наличии конкретного требования старой системы или заказчика.

Один шрифт в нескольких форматах нужен не всегда. Сначала определите среду использования, затем экспортируйте минимальный набор. Чем меньше лишних файлов, тем ниже риск перепутать начертания, передать не ту версию или случайно разместить веб-файл там, где требуется десктопная лицензия.

Статический шрифт поставляется отдельными файлами: Regular, Bold, Italic и так далее. Такой комплект понятен большинству программ и удобен для передачи клиенту. Недостаток заключается в том, что каждое начертание хранится отдельно, а промежуточные значения насыщенности или ширины доступны только при наличии специально созданных стилей.

Вариативный шрифт объединяет диапазоны настроек в одном файле. Оси могут управлять насыщенностью, шириной, наклоном и другими параметрами, если они предусмотрены дизайном. На сайте variable WOFF2 помогает гибко выбирать значения, но в редакторе или приложении поддержка может быть неполной. Поэтому для публичного релиза полезно иметь и вариативную, и статическую версии, если это предусмотрено задачами.

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

Пример 2. Команда запускает сайт с заголовками в Bold и основным текстом в Regular. Для веб-разработчика достаточно двух файлов WOFF2, если оба начертания содержат нужные языки и разрешены лицензией. Перед публикацией стоит проверить загрузку, переносы, отображение цифр и поведение текста при медленном соединении.

Пример 3. Шрифт используется в приложении и на промостранице. Для сайта нужен WOFF2, а для приложения — формат и способ упаковки, которые поддерживает мобильная платформа. Не следует автоматически брать веб-файл для приложения: техническая совместимость и условия лицензии могут отличаться.

Хороший комплект шрифта должен быть понятен без устных пояснений. Название файла, внутреннее имя семейства и имя стиля должны согласовываться между собой. Если файл называется BrandFont-Bold, а внутри определяется как Regular, программа может неправильно сортировать начертания или показывать их под неожиданными названиями.

Для установки на компьютер подходят оба формата. Выбирайте тот, который стабильно работает в ваших программах и корректно содержит нужные символы и функции. OTF часто выбирают для расширенной типографики, но качественный TTF также может поддерживать OpenType-возможности.

WOFF2 предназначен прежде всего для веб-подключения и обычно не является заменой десктопному файлу. Для Photoshop, Figma в настольной среде, офисных программ и вёрстки безопаснее использовать TTF или OTF, установленные в операционной системе.

Для нового сайта WOFF часто не нужен, если поддерживаются современные браузеры и проект не требует дополнительного запасного формата. Решение принимают по матрице совместимости сайта. Не добавляйте WOFF автоматически: сначала определите, есть ли пользователи или системы, которым он действительно необходим.

Обычный статический комплект содержит отдельный файл для каждого начертания. Вариативный шрифт хранит диапазоны параметров, например насыщенности или ширины, в одном файле. Это удобно для гибкого дизайна, но требует поддержки вариативных шрифтов со стороны программы, браузера или приложения.

Технически конвертация возможна, но простой экспорт не заменяет проверку результата. После преобразования нужно проверить метрики, таблицы OpenType, языковые наборы, отображение в браузерах и соответствие лицензии. Для коммерческого проекта лучше использовать предсказуемый процесс сборки и тестировать финальный файл, а не только его расширение.

Причина может быть в неверном имени стиля, ошибке подключения, отсутствии нужного файла или имитации Bold и Italic браузером. Проверьте соответствие веса в таблице стилей, наличие файлов WOFF2, внутренние названия начертаний и состав символов. Также очистите кэш, чтобы браузер не использовал старую версию шрифта.

Универсального обязательного набора не существует. Для дизайна и установки обычно достаточно TTF или OTF, для современного сайта — WOFF2, а вариативный файл нужен там, где поддерживаются его оси. Экспортируйте форматы под реальные сценарии, проверяйте кириллицу, начертания, совместимость и лицензию.