С какими проблемами сталкивался при подключении шрифтов

Подключение шрифтов может вызывать несколько типичных проблем:

1. FOUT/FOIT – мигание текста при загрузке (Flash Of Unstyled Text/Invisible Text). Решается через font-display: swap в @font-face.

2. Несовместимые форматы – не все браузеры поддерживают все форматы (WOFF2, WOFF, TTF). Лучше подключать несколько форматов:

@font-face {
  font-family: 'MyFont';
  src: url('font.woff2') format('woff2'),
       url('font.woff') format('woff');
}

3. Кросc-доменные ограничения – если шрифты на другом домене, нужны CORS-заголовки.

4. Лишний вес – подключайте только нужные начертания (400, 700) и subsets (кириллица).

5. Рендеринг в Windows – иногда проблемы с anti-aliasing. Можно попробовать -webkit-font-smoothing.

6. Не загружаются – проверьте пути, права доступа, MIME-типы на сервере (должен быть font/woff2 и т.д.).