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

Как оптимизировать подключение шрифтов

Подключение веб-шрифтов может замедлять загрузку страницы. Вот основные методы оптимизации: 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. **Подключайте шрифты только на нужных страницах** – не загружайте все шрифты глобально.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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