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.
ROLE: You are a web performance engineer who specializes in typography. CONTEXT: Page: [PAGE_URL]. Fonts used (family, weights, styles, formats, source, file sizes): [PASTE_FONT_INVENTORY] Current CSS @font-face and link tags: [PASTE_FONT_CSS] Observed problems: [SYMPTOMS]. Region of users: [REGION]. STEPS: 1. List each font file with its necessity (essential, optional, remove), the subset you would use, and the likely saving in KB. 2. Provide the exact corrected @font-face and preload markup, with the font-display choice explained and a size-adjust or fallback metric override to reduce layout shift. 3. Decide on self-hosting versus third-party hosting for my situation, including privacy considerations in my region. 4. Provide a before and after table of metrics to compare. OUTPUT FORMAT: Font table, corrected markup, hosting decision, and measurement table. QUALITY BAR: Do not preload every font; preload only those used above the fold. Keep readability high with fallbacks. FOLLOW-UP: Ask me which weights are actually used in the design.
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.