Сабсеттер шрифтов — удаление лишних глифов

Ускорьте загрузку веб-шрифтов, удалив лишние глифы

Большинство шрифтов содержат гораздо больше символов, чем нужно веб-сайту: буквы с диакритическими знаками для десятков языков, греческий алфавит и кириллицу, математические символы, стрелки и альтернативные формы. Каждый из этих глифов добавляет байты, которые посетители загружают, прежде чем ваш текст появится в нужном шрифте. Создание подмножества (сабсеттинг) даёт копию шрифта, содержащую только выбранные вами символы, — это может уменьшить размер файла на 80–95% и заметно улучшить скорость загрузки страниц и показатели Core Web Vitals.

Этот сабсеттер использует hb-subset — тот же движок HarfBuzz, на который опирается Google Fonts, скомпилированный в WebAssembly и работающий в вашем браузере. Он сохраняет таблицы раскладки OpenType, относящиеся к оставленным символам, поэтому кернинг, лигатуры и контекстные формы продолжают работать. Результат можно сохранить в формате WOFF2 для веба, в WOFF или как обычный TTF или OTF с тем же типом контуров, что и у исходного файла.

Как выбрать символы, которые нужно оставить

Для логотипа, заголовка или шрифта с иконками введите точный текст — и ничего больше. Для основного текста начните с набора Basic Latin и добавьте Latin-1 или Latin Extended-A, если ваш контент содержит имена с диакритикой или европейские языки. Для точного контроля используйте поле unicode-range: введите значения вроде U+0000-00FF или U+2000-206F; поддерживаются и шаблоны наподобие U+4??. Счётчик показывает, сколько кодовых точек выбрано, а в поле предпросмотра можно свободно печатать — любой символ, отображаемый системным резервным шрифтом, был удалён из подмножества.

Сгенерированное правило @font-face содержит дескриптор unicode-range. Браузеры используют его, чтобы загружать шрифт только тогда, когда страница действительно содержит эти символы, поэтому одно семейство легко разделить на несколько небольших файлов, например один для латиницы и один для кириллицы. Помните, что сабсеттинг изменяет шрифт, поэтому перед публикацией результата убедитесь, что ваша лицензия это разрешает. Сохраните также исходный полный файл шрифта, чтобы при необходимости быстро создать новое подмножество с другим набором символов для другого языка или раздела сайта.