FOUT with custom fonts


I’m getting a flash of unstyled text with my custom fonts. On the internal webflow domain it happens on the first page load and seems cached afterwards. On my real domain hosted on netflify, it’s on every page load.

I tried the * { opacity: 0; } fix that was on the forum but no success.

This doesn’t happen on my other sites which use regular google fonts or adobe ones. I would have thought that a custom font has to travel less than one hosted by google or adobe.

Anyone else have this issue and have workarounds?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)