網頁字型常因載入延遲導致「無樣式文字閃爍(FOUT)」或「隱形文字閃爍(FOIT)」,並引發 CLS 影響 SEO。Vercel 詳細解析了其內建的字型優化機制,包含自動下載 Google Fonts 至本地託管、自動計算並產生 fallback 字型的 CSS 屬性(如 size-adjust),讓開發者無需手動調整即可獲得極佳的 Core Web Vitals 分數。
Vercel 介紹了 Next.js 的 `next/font` 功能,旨在解決網頁字型載入時的效能與排版問題。該功能會自動下載並託管字型檔案,消除外部網路請求以提升隱私與速度。最重要的是,它透過自動調整字型大小(size-adjust)來實現「零版面配置位移(Zero Layout Shift)」,讓自訂字型與 Google Fonts 的整合變得無比流暢。