Archived topic
FOUT with a pretty fast site
1 reply · Started by Leon on July 11, 2022
Hello there. I have two sites that are using the Wired template:
When I pull up these sites, the menu at the top of the page both show the wrong color and font for a brief moment before the correct font and color is resolved. The sites are quite fast and the fonts are served locally so it should not be a problem, but yet it is visible, at least to me.
I am using flying press caching and serving the pages using cloud flare. Is it possible that your dynamic caching is conflicting somehow? Should I turn that off? Or is there something else going on that you can point me to?
Thank you
Hi Leon,
The sites are quite fast and the fonts are served locally so it should not be a problem, but yet it is visible
Locally hosting fonts doesn't mean the browser doesn't need to download the fonts, depends on how fast your server and local internet are, I would say it's quite normal.
If you want to improve this, you can ask the browser to preload the fonts, for more info:
https://web.dev/codelab-preload-web-fonts/
The color issue seems caused by the cache, can you disable the cache plugin you are using to test?
