Web fonts without the wait
Dear reader,
Fonts are one of those quiet performance costs. A beautiful typeface can either load smoothly or leave your customer staring at a blank space where the words should be, then watching them jump into place.
Small choices that help
- Limit the weights you load. Two or three, not eight.
- Use a display strategy that shows text immediately in a fallback, then swaps
- Preload the fonts that appear first, so they're ready when needed
- Self-host where sensible, to avoid an extra third-party round trip
None of this changes how the brand looks. It changes whether people can read it straight away.
A font that blocks your text is costing you the first thing every visitor came for: the words.
Test it fresh
Load the store with an empty cache on a phone and watch the text. If it's invisible for a beat, or shifts as the font arrives, that's the thing to fix.
Type is part of the brand, but readable-now beats perfect-in-a-second. Get the loading right and you keep both.
Best,
Luke Michael
UK-based eCommerce consultant & developer
Got a live version of this on your store?