size-adjust и fallback-шрифты: меньше CLS при загрузке веб-шрифта
@font-face fallback metrics и связка с font-display: swap.
Дескрипторы `size-adjust`, `ascent-override` и `descent-override` подгоняют системный fallback под метрики веб-шрифта — текст не прыгает при swap.
Инструменты вроде fallback font generator ускоряют подбор коэффициентов.
- CSS size-adjust — web.dev — Настройка fallback.
- @font-face — MDN — Дескрипторы font-face.
Продакшн
Preload только один вес начертания для hero; остальное — async.
Субсетируйте кириллицу, если латиница не нужна — меньше байт.