Custom fonts without compromise using Next.js and `next/font`

Next.js 推出 `next/font` 功能，讓開發者無需妥協即可輕鬆優化自訂字型，解決 CLS 累計版面配置位移問題。

Vercel 介紹了 Next.js 的 `next/font` 功能，旨在解決網頁字型載入時的效能與排版問題。該功能會自動下載並託管字型檔案，消除外部網路請求以提升隱私與速度。最重要的是，它透過自動調整字型大小（size-adjust）來實現「零版面配置位移（Zero Layout Shift）」，讓自訂字型與 Google Fonts 的整合變得無比流暢。

摘要由 AI 整理,以原文為準。