Что сказать
«next/font делает две вещи, которых plain Google Fonts <link> не может. Self-host на build — zero third-party font requests в production: performance (меньше handshake, нет render-blocking) и GDPR в EU. Второе — metric-matched fallback @font-face с size-adjust и ascent/descent overrides: fallback занимает то же место, что real font. Это убивает font CLS — display: swap alone всё ещё reflow, потому что metrics другие. Всегда subsets только нужные glyphs, variable font — один file на все weight, CSS variable для Tailwind. System font stack где design позволяет — skip web fonts entirely.»
Итог
Pitch: self-host + metric fallback = zero third-party + minimal font CLS.
Next.js · middle · сложность 5