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.
- 1Locate the element or setting causing the issue.
- 2Update it in Webflow.
- 3Publish and validate the output.
After you fix it
- ✓Confirm all @font-face rules include font-display: swap
Same fix, other platforms
Fix web fonts missing font-display: swap on a different CMS
Other fixes
More Webflow fixes
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