Shopify fix guide
Web Fonts Missing font-display: swap on Shopify
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.
Shopify fix path
How to fix this on Shopify
Use theme settings, page settings, or theme code.
- 1Find the source of the issue in Shopify admin.
- 2Apply the change.
- 3Preview and publish.
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 Shopify fixes
See every Shopify 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