Как обеспечить поддержку шрифтов на старых устройствах

Используйте @font-face с несколькими форматами шрифтов для кросс-браузерной поддержки. WOFF2 (современные браузеры), WOFF (базовая поддержка), TTF/OTF (старые Android/iOS).

Пример:

@font-face {
  font-family: 'CustomFont';
  src: url('font.woff2') format('woff2'),
       url('font.woff') format('woff'),
       url('font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* для оптимизации загрузки */
}

Дополнительно:

1. Укажите font-display: swap для избежания FOIT (невидимого текста)
2. Добавьте фолбэк-шрифты в font-family: font-family: 'CustomFont', Arial, sans-serif;
3. Для IE9 используйте EOT формат
4. Минимизируйте количество загружаемых начертаний (обычно достаточно regular и bold)