Что означает термин#
Правило @font-face связывает семейство с файлом и параметрами начертания. Загрузка влияет на отображение текста и иногда на изменение размеров блоков. Системный шрифт может работать без дополнительного файла. Само подключение необычной гарнитуры не делает текст удобным для чтения.
Практический пример#
В заголовке выбран фирменный шрифт, а при медленной сети временно отображается резервный. Если метрики заметно отличаются, строки переносятся иначе и страница смещается. Поддержка кириллицы также нужна отдельно: латинское начертание не гарантирует наличие русских букв.
Как проверить#
Проверьте сетевые запросы, фактически применённый шрифт и все используемые начертания. Сравните страницу при холодном кэше и заблокированном файле. Убедитесь, что текст остаётся доступным и не обрезается. Загружайте только нужные ресурсы и учитывайте лицензию гарнитуры; размер файла и число подключений оценивайте по фактической странице.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.