🔤 Font swap

Show your text right away in a standard font, then switch to your custom font once it's ready — so customers never stare at a blank page.

Who can use this feature?

Font swap is available on the Pro and Expert plans.

What is Font swap?

If your store uses a custom font (Google Fonts, brand fonts, etc.), the browser usually waits for that font to load before showing any text. That means customers see blank space where headlines and product names should be — sometimes for a full second or more.

Font swap fixes that. Text appears instantly in a backup font, then quietly swaps to your custom font when it's ready.

Why use Font swap?

No invisible text — headlines and product names appear instantly instead of waiting on font downloads.
Faster perceived load — customers can start reading right away, improving Core Web Vitals.
Keeps your branding — your custom font still loads; it just swaps in once ready.
Set and forget — turn it on once and apply; the swap happens automatically on every page.

⚙️ How to use Font swap

Step 1: Open Self-optimize

Go to Speed up → Self-optimize.

[Screenshot: Speed up page with Self-optimize tab open]

Step 2: Turn on Font swap

Turn on Font swap.

[Screenshot: Font swap toggle switched on]

Step 3: Apply to your theme

Click Speed up now and pick a theme to apply changes.

[Screenshot: Speed up now button and theme selection modal]

Step 4: Verify it's working (optional)

To confirm it's active, check your theme's font CSS for font-display: swap on your web fonts.

[Screenshot: theme code showing font-display: swap]

📌 Merchant Notes

Always click Speed up now after turning this on to apply the changes.
Font swap works with custom fonts (Google Fonts, brand fonts, etc.); stores using only system fonts won't see a difference.
This feature requires the Pro or Expert plan.
For an overview of all optimization features, see Speed up.

Last updated 3 days ago