FOUT
ELI5 — The Vibe Check
FOUT is when your page shows up in boring system fonts and then — SURPRISE — swaps to the fancy custom font a second later. It's like showing up to a party in sweatpants and then changing into a tuxedo in front of everyone. Smooth.
Real Talk
Flash of Unstyled Text (FOUT) occurs when a fallback font is displayed before the custom web font finishes loading, causing a visible swap. While jarring, it's generally preferred over invisible text (FOIT) since content remains readable during loading.
When You'll Hear This
"I'd rather have FOUT than invisible text — at least users can read something" / "Use font-display: swap to intentionally trigger FOUT over FOIT"
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.
Web Font Loading
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.