字體效能

字體載入 CSS 建議

貼上 @font-face 或字體連結,檢查 preload、font-display、格式與子集化,避免拖慢 LCP 或造成 CLS。

待分析0/100
字族0
@font-face0
Preload0
問題0

字體 CSS 或 HTML

貼上 @font-face、Google Fonts 連結、@import 或文件 head。輸入時在本機分析。

CSS 只留在此瀏覽器,不會上傳。

辨識到的字族

來自 @font-face 與遠端字體樣式表。

貼上宣告字體的 CSS 或 HTML 後顯示清單。

建議的 @font-face

自託管 WOFF2,設定 font-display,並保留拉丁 unicode-range。路徑請改成你的檔案。

建議的 preload

最多預載兩種正文字體。字體檔必須帶 crossorigin。