avoid font FOUT

CSS

9/11/2022, 11:26:52 AM

by Leo Voon

what is “FOUT” ?

FOUT is an acronym for “flash of unstyled text” which is the result of a web page loading with system fonts before switching to the intended font.

How to fix it?

<link rel="preload" as="font" href="/fonts/Lora/Lora-Regular.ttf" crossorigin />

//must include crossorigin attribute