font-display: swap и борьба с невидимым текстом (FOIT)
Когда swap уместен, когда optional, и как не получить CLS от смены метрик шрифта.
`font-display: swap` показывает fallback сразу и меняет на webfont после загрузки — текст читаем раньше, но возможен сдвиг строк (FOUT/CLS).
`optional` подходит для некритичных акцентных шрифтов: браузер может не подменять, если файл не успел за короткое окно.
- Best practices for fonts — web.dev — font-display, subsetting, preload.
- @font-face — MDN (font-display) — Значения swap, optional, block.
size-adjust
Подбор fallback с близкими метриками или `size-adjust` уменьшает скачок при swap.
Preload только 1–2 начертания, реально используемых above-the-fold.