Skip to main content
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.

  1. 1Find the source of the issue in Shopify admin.
  2. 2Apply the change.
  3. 3Preview and publish.

After you fix it

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

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