Web Font Loading
ELI5 — The Vibe Check
Web font loading is the art of getting custom fonts to show up without your text doing a magic disappearing act or a jarring costume change mid-sentence. It's font logistics — the FedEx of typography.
Real Talk
Web font loading strategies control how and when custom fonts are fetched and rendered. Techniques include font-display descriptors, preloading critical fonts, using the Font Loading API, and serving optimized formats like WOFF2 to balance visual stability with performance.
When You'll Hear This
"Our web font loading strategy preloads the heading font and swaps the body font" / "Without a loading strategy, fonts cause a 2-second invisible text flash"
Related Terms
FOIT
FOIT is when your browser hides all the text until the custom font loads, like a magician making your content vanish. 'Ta-da! Your heading is...
Font Optimization
Downloading an entire font family is like ordering the complete encyclopedia when you only need Volume F.
FOUT
FOUT is when your page shows up in boring system fonts and then — SURPRISE — swaps to the fancy custom font a second later.