Встречается на собеседованиях • сегодня

Какие плюсы и минусы загрузки нужного шрифта после отображения другого шрифта

Плюсы:

  • Уменьшает время до первого отображения текста (FCP), так как браузер сразу показывает fallback-шрифт
  • Может улучшить производительность, если основной шрифт тяжелый
  • Позволяет избежать "невидимого текста" (FOIT) при медленной загрузке

Минусы:

  • Может вызвать "скачок" текста (FOUT) при замене шрифта
  • Ухудшает UX из-за визуального переключения стилей
  • Требует дополнительной настройки font-display и fallback-шрифтов

Пример с font-display:

css
@font-face {
  font-family: 'Custom';
  src: url('font.woff2') format('woff2');
  font-display: swap; /* fallback → swap → optional */
}

Лучше использовать font-display: optional для критически важного текста или swap для декоративных элементов.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы