Уроки

Режим отображения шрифтов

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

Мы рекомендуем использовать режим auto, которые используется по умолчанию, если свойство font-display не задать. Если выбрать swap, то текст на странице отобразится раньше, но тогда пользователи увидят смену шрифтов во время загрузки. В этот момент текст «дёрнется» и это будет восприниматься как «глюк».

Также после окончания загрузки каждого файла шрифтов браузер пользователя будет «пересчитывать» размер и расположение блоков на странице, так как высота и ширина букв меняется. Это создаёт дополнительную нагрузку на компьютер или смартфон пользователя.

Есть ещё одна веская причина скрывать текст в первые полсекунды загрузки. В этот момент CSS файлы, формирующие базовый каркас страницы, ещё не загрузились и блоки на ней представляют «кашу». Пользователь на мгновение увидит нагромождение блоков и слипшиеся строки. Это негативно скажется на общем впечатлении.

Стратегия загрузки auto позволяет уберечь пользователя от созерцания «глюка» при загрузке шрифтов и «каши» из блоков текста.

Подробная статья с примерами кода доступна здесь. Официальная документация здесь.

Проверьте ваш сайт
Это бесплатно и займёт от 7 до 45 секунд

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