Streaming live at 10am (PST)

Font delay to charge


#1

https://www.jsgenesis.com/
Our website uses the beautiful google font Playfair Display for titles.

But it takes microseconds to load and I don’t know why.
I tried attaching the font as custom font but this didn’t change the loading time.

Vogue Spain website, for example, uses this font a lot, with no loading delay, so seems it is notPlayfair Display the one generating the problem.

Please advice.
Cheers


#2

This issue is called FOUT (Flash of Unstyled Text) and you can read more on this here: https://webdesign.tutsplus.com/articles/quick-tip-avoid-fout-by-adding-a-web-font-preloader–webdesign-8287

You can fix this by adding a bit of custom code to your site — @cyberdave explains this more here: Flash of unstyled text - fallback fonts loads initially then switches to google font