Руководство пользователя Отмена

Настройка производительности веб-шрифтов с помощью параметра font-display

Поиск

Последнее обновление 23 июн. 2023 г.

Узнайте, как управлять скоростью отображения веб-шрифтов с помощью параметра font-display.

Параметр font-display позволяет задавать режим загрузки веб-шрифтов в браузере и применение их на веб-сайте. Предусмотрено пять значений параметра font-display:

Значение параметра font-display	Функция
Auto	Применяется способ загрузки шрифтов, заданный по умолчанию в браузере.
Block	Текст на веб-сайте будет скрыт, пока не загрузится веб-шрифт. В этом режиме посетители веб-сайта могут увидеть текст Flash или невидимый текст либо FOIT.
Swap	Отображается резервный шрифт, заданный в CSS, пока не загрузится данный веб-шрифт. В этом режиме посетители веб-сайта могут увидеть текст Flash или текст без стиля либо FOUT (кратковременное появление не стилизованного текста).
Fallback	В течение короткого периода действует режим block, затем происходит переключение на режим swap, а к тексту применяется резервный шрифт. Если веб-шрифты не загрузились к концу работы режима swap, на экране остается резервный шрифт.
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 будет автоматически включен на веб-сайте в составе имеющегося встраиваемого кода. Вам не требуется вносить изменения в сам сайт.