Return to previous page

Font-Flickering when going to website - by Cover Lovers

This topic has 6 replies, 3 voices, and was last updated 3 years, 9 months ago ago by Olga Barlow

Cover Lovers

Participant

May 3, 2021 at 06:17

If you open up the page in maybe incognito or even just in a new tab, the font will flicker to a font that I have not set it to – and then in 0.5 seconds, it will flicker to the font I currently have it set to.

Is there a way to eliminate that font flicker?

#286164 Copied Theme version: 7.2.8 WooCommerce version: 5.7.1

5 Answers

Robert Hall

Participant

May 3, 2021 at 11:45

Hello Cover Lovers

Thank you so much for contacting us!

We have check your website URL of different browser and it is working absolutely fine. Can you please send us highlighted screenshot where you are facing the issue.

Robert Hall

#286202 Copied

Cover Lovers

Participant

May 3, 2021 at 13:34

https://gyazo.com/b2b4073ce8f04d7c8cbe18378df602cd

If you check this GIF, you can see the font flickering VERY quickly but still VERY noticable.

#286209 Copied

Robert Hall

Participant

May 4, 2021 at 07:46

Hello

Since you’re pulling the font from a website and you don’t have the font hosted locally on your own server, there’s a delay between your page loading and the font loading.

If you download the font (.ttf) and run it through, it should elevate some of the loading issue.

Also check this URL: https://schneider.xyz/2019/08/13/fix-font-flickering-on-load-when-using-google-fonts/

Robert Hall

#286263 Copied

Cover Lovers

Participant

May 4, 2021 at 19:51

I downloaded the actual font and uploaded it using the XStore tool.

This article does not help me at all, it presents me with a piece of code in which I put on the website and did not even work.

#286341 Copied

Olga Barlow

Participant

May 5, 2021 at 16:23

Hello,

Use site preloader to show the site only once full page is loaded (Theme Options > General > Site preloader). It helps you to avoid situations when you see changes of the page content during page loading. That flip effect related to the loading of the font file, at the start, it loads the default font, then your custom font is loaded and you’ll get it, we can do nothing with this. You may also try the cache plugin and font preload option, as the WPRoket plugin has for example https://prnt.sc/12j389f

Regards

#286473 Copied
Viewing 6 results - 1 through 6 (of 6 total)