Text Flickering on Pageload

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

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: Quick Tip: Avoid FOUT by Adding a Web Font Preloader 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 - #7 by cyberdave

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

I hope this helps!

1 Like

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

2 Likes

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