Font Loading and Typography Performance Audit
Reduce font weight and layout shift.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
Reduce font weight and layout shift. Site and font setup (hosted fonts, provider, formats, number of families and weights): [FONT_SETUP]. CSS font declarations and preload tags: [PASTE_CSS_AND_HEAD]. Performance observations (layout shift, text flash, load time): [OBSERVATIONS]. Check each item and answer Pass, Fail, or Unknown with the evidence and the fix: [ ] No more than two font families and a few weights are loaded; unused weights are removed [ ] Fonts are served in a modern compressed format (WOFF2) with a fallback only if needed [ ] Fonts are subset to the languages and characters actually used [ ] The font-display setting avoids invisible text (swap or optional, chosen deliberately) [ ] Critical fonts are preloaded with the right attributes; non-critical fonts are not [ ] Fonts are self-hosted or the third-party connection is warmed with a preconnect [ ] A fallback font stack is metric-adjusted to reduce layout shift when the web font loads [ ] A variable font is used if it replaces several static files and the saved weight is real [ ] System font stack considered for body text [ ] Line height, size, and measure (line length) support readability; minimum sizes respect zoom [ ] Fonts are cached with long lifetimes and versioned file names [ ] Licensing allows web use Return a table of the heaviest font files with size and action, a before and after estimate (arithmetic from my file sizes), and a test with a throttled network. Do not guess file sizes.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.