Встречается на собеседованиях • сегодня
Какая проблема возникнет при загрузке кастомного шрифта с дефолтным font-display
При загрузке кастомного шрифта с `font-display: auto` (дефолтное значение) браузер может сначала скрыть текст (`FOIT` — Flash of Invisible Text), пока шрифт не загрузится. Это ухудшает UX, особенно на медленных соединениях.
**Решение:**
Используй `font-display: swap`, чтобы текст отображался системным шрифтом до загрузки кастомного (`FOUT` — Flash of Unstyled Text).
```css
@font-face {
font-family: 'CustomFont';
src: url('font.woff2') format('woff2');
font-display: swap;
}
```
**Нюансы:**
- `FOUT` может вызвать "скачок" верстки при подгрузке шрифта.
- Для критического текста можно использовать `font-display: optional`, но это требует предзагрузки (``).

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы