Skip to main content
Webflow fix guide

Web Fonts Missing font-display: swap on Webflow

Web fonts do not use font-display: swap, causing invisible text (FOIT) while fonts load. Users may see a blank page until fonts are ready.

Issue ID: CWV-FONT-DISPLAY-001Severity: minorEffort: S

Why this matters

Web fonts do not use font-display: swap, causing invisible text (FOIT) while fonts load. Users may see a blank page until fonts are ready. This affects load speed, Core Web Vitals, and how many visitors stay long enough to convert.

Webflow fix path

How to fix this on Webflow

Use page settings, Designer, or project settings.

  1. 1Locate the element or setting causing the issue.
  2. 2Update it in Webflow.
  3. 3Publish and validate the output.

After you fix it

  • Confirm all @font-face rules include font-display: swap

See every Webflow issue on your site

This is one issue of many the full audit checks. Run a free scan to see what else might be holding your site back.

Run Free Audit