P2 · MediumPerformance

Missing font-display

Web fonts block text rendering

Code: missing_font_display

Why it matters

Web fonts block text rendering. Slow experiences increase bounce rates and hurt Core Web Vitals scores. Google uses these metrics as a direct ranking signal.

How to fix

Add font-display: swap to @font-face rules

html

@font-face {
  font-family: 'CustomFont';
  src: url('/fonts/custom.woff2') format('woff2');
  font-display: swap;
}

Related checks in Performance

Slow First Contentful Paint

FCP exceeds 3 seconds

FCP needs improvement

FCP between 1.8-3 seconds

Slow Largest Contentful Paint

LCP exceeds 4 seconds

LCP needs improvement

LCP between 2.5-4 seconds

Poor Cumulative Layout Shift

CLS exceeds 0.25

Run a free scan to check your site

Get a complete audit in under 2 minutes. No account required.

Start Free Scan