Font performance

Font Loading CSS Advisor

Paste @font-face rules or font link tags to check preload, font-display, file format, and subsetting before they delay LCP or cause CLS.

Waiting0/100
Families0
@font-face0
Preloads0
Issues0

Font CSS or HTML

Paste @font-face blocks, Google Fonts links, @import rules, or a document head. Analysis runs locally as you type.

CSS stays in this browser. It is not uploaded.

Detected families

Grouped from @font-face and remote font stylesheets.

Paste CSS or HTML that declares fonts to see the inventory.

Recommended @font-face

Self-host WOFF2, set font-display, and keep a latin unicode-range. Adjust paths to match your files.

Recommended preload

Preload at most two text fonts. Always include crossorigin for font files.