字體優化
82% 的桌面版網頁 使用網路字體。自訂字體對於網站品牌、設計以及跨瀏覽器/裝置的一致性至關重要。然而，使用網路字體不應以效能為代價。
Next.js 內建了 自動網路字體優化功能，能在建置時內嵌字體的 CSS，省去額外獲取字體宣告的往返請求。這能改善首次內容繪製 (FCP) 與最大內容繪製 (LCP) 的表現。
以下舉例說明 Next.js 優化字體前後的差異。
在優化前，需要額外的網路請求：
優化後，Next.js 會自動為您內嵌字體 CSS：
82% 的桌面版網頁 使用網路字體。自訂字體對於網站品牌、設計以及跨瀏覽器/裝置的一致性至關重要。然而，使用網路字體不應以效能為代價。
Next.js 內建了 自動網路字體優化功能，能在建置時內嵌字體的 CSS，省去額外獲取字體宣告的往返請求。這能改善首次內容繪製 (FCP) 與最大內容繪製 (LCP) 的表現。
以下舉例說明 Next.js 優化字體前後的差異。
在優化前，需要額外的網路請求：
優化後，Next.js 會自動為您內嵌字體 CSS：