TTF

TrueType Font — отраслевой стандарт двоичного формата шрифтов, разработанный Apple и Microsoft.

Что такое TTF?

TrueType был разработан компанией Apple в конце 1980-х годов как альтернатива шрифтам Adobe PostScript Type 1 и впоследствии принят Microsoft для Windows. Он хранит контуры глифов в виде квадратичных кривых Безье, которые вычислительно проще (и быстрее растеризуются), чем кубические кривые, используемые в PostScript.

TTF быстро стал универсальным форматом шрифтов как для macOS, так и для Windows. Более двух десятилетий он являлся стандартным способом распространения шрифтов — от системных до пользовательских гарнитур. Хотя WOFF/WOFF2 в значительной мере вытеснили его для доставки по вебу, TTF остаётся фундаментом, на котором построены все современные форматы веб-шрифтов.

Как это работает

Файл TTF — это двоичный контейнер, организованный в виде таблиц, каждая из которых хранит определённый тип данных:

• glyf — контуры глифов (сами векторные формы)
• cmap — сопоставление символов с глифами (какая кодовая точка Unicode соответствует какому глифу)
• head — метаданные шрифта (единицы на em, дата создания, флаги)
• hmtx — горизонтальные метрики (ширина продвижения и отступ слева для каждого глифа)

Для шрифтовых иконок каждой иконке назначается кодовая точка Unicode в зоне частного использования (U+E000 до U+F8FF) — диапазоне, специально зарезервированном для символов, определяемых приложением, которые не будут конфликтовать с обычным текстом.

@font-face {
  font-family: 'MyIcons';
  src: url('myicons.ttf') format('truetype');
}

.icon {
  font-family: 'MyIcons';
  font-style: normal;
  font-weight: normal;
}

.icon-home::before {
  content: '\E001';
}

Подсказка format('truetype') сообщает браузеру, какой тип шрифтового файла ожидать, чтобы он мог пропустить загрузку, если TrueType не поддерживается (хотя практически все браузеры его поддерживают).

Плюсы и минусы

Поддержка браузеров

TTF обеспечивает 98%+ поддержки браузеров, включая все современные браузеры и Internet Explorer 9+. Он также нативно поддерживается каждой крупной настольной операционной системой — Windows, macOS и Linux — то есть файл TTF можно установить непосредственно как системный шрифт без какого-либо преобразования.

Несмотря на то что TTF работает везде, для веб-доставки предпочтительнее использовать WOFF2 (который является просто сжатым TTF). Оставьте TTF для настольного использования, разработки и как базовый формат в конвейере сборки.

Когда использовать TTF

• Настольные приложения — установите как системный шрифт для использования в нативных приложениях, инструментах проектирования или IDE.
• Electron и нативные приложения — встройте TTF непосредственно в приложение для автономного рендеринга шрифтов.
• Разработка и тестирование — TTF легко исследовать с помощью инструментов для работы со шрифтами, таких как FontForge, fontTools или системных просмотрщиков шрифтов.
• Проверка системных шрифтов — когда нужно верифицировать метрики глифов, хинтинг или таблицы cmap с помощью утилит уровня ОС.