Streaming live at 10am (PST)

Text Flickering on Pageload


#1

Hi guys,

Getting a weird flickering effect on the text whenever I change pages which is driving me crazy.

http://real-estate-v3.webflow.io

The site like flickers to the templated font on the nav, before loading the correct font.

See below GIF of my issue.

Here is my site Read-Only:

https://preview.webflow.com/preview/real-estate-v3?preview=e6d1d6134e0d5e5a15edffb8ca55401b


#2

Hi @ShaquilleCoulter

Thanks for posting and welcome to the Forums. This is a commonly asked question on the forums. In the future, please be sure to search for existing threads before creating a new one. :slight_smile:

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 1

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

Alternatively, you can try downloading the Google font, then uploading it to your site as a custom font.

I hope this helps!


#3

Thanks Brando. Appreciate you taking the time to reply. I did have a quick google but nothing that worked came up. Either way, cheers!


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.