Веб-шрифты: загрузка, кириллица и запасной вариант

Зачем это нужно

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

Проверьте набор символов

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

Ограничьте объём

Не загружайте все начертания, если интерфейс использует два. Сравните статические и variable-файлы по реальному объёму для вашей задачи. Оптимальный выбор зависит от набора осей и символов.

Продумайте замену

Font-display управляет поведением во время загрузки. Swap быстро показывает запасной шрифт, но последующая замена может сдвигать строки. Подберите близкую запасную гарнитуру и проверьте переносы.

Важное ограничение

Контрольная проверка

• Кириллица и нужные знаки присутствуют.
• Текст доступен при медленной загрузке.
• После смены шрифта нет сильных скачков.
• Лишние начертания не загружаются.

Продолжить изучение: font-family, font-size.