字體效能
字體載入 CSS 建議
貼上 @font-face 或字體連結,檢查 preload、font-display、格式與子集化,避免拖慢 LCP 或造成 CLS。
待分析0/100
字體 CSS 或 HTML
貼上 @font-face、Google Fonts 連結、@import 或文件 head。輸入時在本機分析。
CSS 只留在此瀏覽器,不會上傳。
辨識到的字族
來自 @font-face 與遠端字體樣式表。
貼上宣告字體的 CSS 或 HTML 後顯示清單。
建議的 @font-face
自託管 WOFF2,設定 font-display,並保留拉丁 unicode-range。路徑請改成你的檔案。
建議的 preload
最多預載兩種正文字體。字體檔必須帶 crossorigin。