フォント性能
フォント読み込み CSS アドバイザー
@font-face やフォントリンクを貼り付け、preload、font-display、形式、サブセットを確認し、LCP 遅延や CLS を防ぎます。
待機0/100
フォント CSS / HTML
@font-face、Google Fonts の link、@import、または head を貼り付けます。入力と同時にローカル解析します。
CSS はこのブラウザ内に留まり、アップロードされません。
検出されたファミリー
@font-face とリモートのフォント CSS からまとめます。
フォント宣言のある CSS / HTML を貼り付けると一覧が出ます。
推奨 @font-face
WOFF2 をセルフホストし、font-display とラテン unicode-range を付けます。パスは実ファイルに合わせてください。
推奨 preload
テキスト用フォントは最大2つ。font ファイルには必ず crossorigin を付けます。