Значение параметра font-display
Последнее обновление
23 июн. 2023 г.
- Руководство пользователя Adobe Fonts
- Введение
- Лицензирование шрифтов
- Лицензирование шрифтов
- Управление учетной записью
- Лицензирование для пользователей Creative Cloud для организаций
- Добавление лицензий на шрифты в учетную запись
- Удаление шрифтов из библиотеки подписки
- Шрифты Adobe Fonts недоступны для идентификаторов Adobe ID, зарегистрированных в Китае
- Почему эти шрифты не включены в мою подписку на Creative Cloud?
- Удаление шрифта Morisawa в сентябре 2021 г.
- Получение и использование шрифтов
- Использование шрифтов Adobe Fonts в приложениях Creative Cloud
- Управление шрифтами
- Обработка отсутствующих шрифтов в приложениях для настольных ПК
- Использование шрифтов в InDesign
- Шрифты и оформление
- Использование веб-шрифтов в документах HTML5 Canvas
- Использование шрифтов в InCopy
- Как использовать шрифты в Adobe Muse
- Использование веб-шрифтов в Muse
- Упаковка файлов шрифтов
- Руководство по устранению проблем с добавлением шрифтов
- Добавленные шрифты не отображаются в меню шрифтов
- «Не удается добавить один или несколько шрифтов» или «Уже установлен шрифт с тем же названием»
- Что произойдет, если разработчик обновит используемый мной шрифт?
- Дизайн и веб-разработка
- Добавление шрифтов на веб-сайт
- Руководство по устранению неполадок: добавление шрифтов на веб-сайт
- Использование веб-шрифтов в HTML-письмах или новостных рассылках
- Использование веб-шрифтов с ускоренными мобильными страницами (AMP)
- Селекторы CSS
- Настройка производительности веб-шрифтов с помощью параметра font-display
- Коды встраивания
- Динамический поднабор и предоставление веб-шрифтов
- События шрифтов
- Почему мои веб-шрифты используются с use.typekit.net?
- Сайт не может подключиться к use.typekit.net
- Использование веб-шрифтов с CodePen
- Поддержка браузеров и ОС
- Домены
- Использование веб-шрифтов при локальной разработке
- Политика безопасности контента
- Печать веб-шрифтов
- Поддержка языка и возможности OpenType
- Технологии шрифтов
Узнайте, как управлять скоростью отображения веб-шрифтов с помощью параметра 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 будет автоматически включен на веб-сайте в составе имеющегося встраиваемого кода. Вам не требуется вносить изменения в сам сайт.