Какая проблема возникнет при загрузке кастомного шрифта без font-display

При загрузке кастомного шрифта без font-display браузер по умолчанию использует font-display: auto, что может привести к FOIT (Flash of Invisible Text) — текст не отображается, пока шрифт не загрузится полностью. Это ухудшает UX, особенно при медленном соединении.

Пример:

@font-face {
  font-family: 'CustomFont';
  src: url('font.woff2') format('woff2');
  /* без font-display */
}

Решение — использовать font-display: swap для мгновенного отображения системного шрифта с последующей заменой:

@font-face {
  font-family: 'CustomFont';
  src: url('font.woff2') format('woff2');
  font-display: swap;
}

Также можно использовать optional для критичных к производительности случаев.