Значение параметра font-display
Последнее обновление
11 июл. 2023 г.
Узнайте, как управлять скоростью отображения веб-шрифтов с помощью параметра font-display.
Параметр font-display позволяет задавать режим загрузки веб-шрифтов в браузере и применение их на веб-сайте. Предусмотрено пять значений параметра font-display:
|
|
Функция |
|---|---|
|
Auto |
Применяется способ загрузки шрифтов, заданный по умолчанию в браузере. |
|
Block |
Текст на веб-сайте будет скрыт, пока не загрузится веб-шрифт. В этом режиме посетители веб-сайта могут увидеть текст Flash или невидимый текст либо FOIT. |
|
Swap |
Отображается резервный шрифт, заданный в CSS, пока не загрузится данный веб-шрифт. Посетители вашего веб-сайта могут увидеть мигание нестилизованного текста или FOUT с этой опцией. |
|
Fallback |
В течение короткого периода действует режим block, затем происходит переключение на режим swap, а к тексту применяется резервный шрифт. Если Web Fonts не загрузились к концу периода замены, используется резервный шрифт. |
|
Optional |
В течение короткого периода работает режим block, затем к тексту применяется резервный шрифт. Это значение предоставляет веб-браузеру возможность вообще не загружать веб-шрифт, например, если посетитель веб-сайта использует медленное интернет-соединение. |
Технические подробности по параметру font-display и поддерживаемым значениям см. в разделе Спецификация CSS Fonts Module Level 4.
Примечание
По умолчанию проекты веб-шрифтов создаются со значением auto для параметра font-display.
Чтобы настроить параметр font-display, выполните приведенные ниже действия.
На странице веб-проектов нажмите Редактировать проект.
Выберите любое из следующих значений параметра font-display на боковой панели.По умолчанию настройка font-display проектов веб-шрифтов задана как auto.
Нажмите Сохранить изменения, и значение параметра font-display будет применено к вашему веб-сайту в течение нескольких минут.
Новый параметр font-display будет автоматически включен на веб-сайте в составе имеющегося встраиваемого кода.
Обновление существующих веб-проектов
Поддержка параметра font-display была добавлена в загрузку веб-шрифтов Adobe в сентябре 2020 года. Веб-проекты, созданные до сентября 2020 года, были обновлены для использования поведения по умолчанию font-display: auto .
Настройку параметра font-display для любого имеющегося проекта можно изменить, выполнив указанные выше действия. После сохранения изменений новый параметр font-display будет автоматически включен на веб-сайте в составе имеющегося встраиваемого кода. Вам не нужно вносить изменения в сам веб-сайт.
Изучите шрифты Adobe Fonts
Найдите идеальную гарнитуру для любого проекта для печати или размещения в Интернете.
