Connor Clark
Опубликовано: 8 октября 2025 г.
Рассмотрите возможность установки для font-display значения swap или optional , чтобы гарантировать постоянную видимость текста. swap можно дополнительно оптимизировать для смягчения сдвигов макета с помощью переопределения метрик шрифта .
Как передать это понимание
Установите font-display как swap или optional , чтобы передать эту информацию.
Руководство по конкретному стеку
Эта информация также предлагает рекомендации, специфичные для стека, для страниц, использующих следующие технологии:
Друпал
Укажите @font-display при определении пользовательских шрифтов в вашей теме.
Магенто
При определении пользовательских шрифтов укажите @font-display .
Дополнительные ссылки
- Исходный код Insight
- Управление производительностью шрифтов с помощью отображения шрифтов
- Улучшенные резервные шрифты
- Избегайте невидимого текста во время загрузки
- Предварительная загрузка веб-шрифтов для ускорения загрузки (практическая работа)
- Предотвратите смещение макета и появление невидимого текста (FOIT) путем предварительной загрузки дополнительных шрифтов.