Как загружаются шрифты если браузер не поддерживает некоторые форматы

Браузеры поддерживают разные форматы шрифтов (WOFF2, WOFF, TTF, EOT, SVG). В CSS можно указать несколько форматов через @font-face, и браузер выберет первый поддерживаемый:

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

Порядок важен - браузер использует первый распознанный формат. WOFF2 (наиболее современный) обычно ставят первым. Если ни один формат не поддерживается, браузер использует fallback-шрифт из font-family.