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