Как оптимизировать кастомные шрифты

1. **Используйте `font-display: swap`** – позволяет тексту отображаться сразу с системным шрифтом, а затем заменяет его на кастомный после загрузки. ```css @font-face { font-family: 'CustomFont'; src: url('font.woff2') format('woff2'); font-display: swap; } ``` 2. **Подключайте только нужные начертания и символы** – избегайте лишних `font-weight` и используйте `unicode-range` для загрузки только необходимых символов. 3. **WOFF2 > WOFF > TTF** – WOFF2 имеет лучшее сжатие и поддерживается современными браузерами. 4. **Предзагрузка критических шрифтов** – ускоряет рендеринг: ```html ``` 5. **Ленивая загрузка неиспользуемых шрифтов** – загружайте их только при необходимости (например, через JS). 6. **Локальное хранение** – кешируйте шрифты в `localStorage` или Service Worker. 7. **Субсеттинг** – удаляйте неиспользуемые глифы из файла шрифта (например, через `glyphhanger`).