Веб-шрифт Anti-Pattern: агрессивное подмножество

13 октября 2015 г.

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

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

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

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

Подмножество может быть сделано с помощью таких инструментов, как Font Squirrel генератор веб-шрифтов , инструменты командной строки или через пользовательские интерфейсы сервисов веб-шрифтов, таких как Typekit , Google Fonts , и другие.

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

Подмножество только на английском языке, используемое для названия немецкого города. «Ü» (u-umlaut) отображается в качестве запасного шрифта и выделяется, как больной большой палец. (Да, даже в этой подписи.)

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

Эта статья является первой частью продолжающейся серии анти-шаблонов веб-шрифтов. Прочитайте вступление , часть 1 , часть 2 , часть 3 , а также часть 4 ,