Встречается на собеседованиях • сегодня
Как оптимизировать подключение шрифтов
Подключение веб-шрифтов может замедлять загрузку страницы. Вот основные методы оптимизации:
1. **Используйте `font-display: swap`** – позволяет отображать текст системным шрифтом до загрузки кастомного:
```css
@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2');
font-display: swap;
}
```
2. **Предзагрузка критичных шрифтов**:
```html
```
3. **Подключайте только нужные начертания** – не загружайте Regular, Bold, Italic если они не используются.
4. **Используйте WOFF2** – самый современный и компактный формат.
5. **Локализуйте шрифты** – если используете Google Fonts, скачайте и хостите локально, чтобы избежать лишних DNS-запросов.
6. **Подключайте шрифты только на нужных страницах** – не загружайте все шрифты глобально.

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