September 13, 2021 at 12:06 pm #1320711
Could someone tell me what this font glitch is? (See video below, and notice what happends every time i refresh the page)September 14, 2021 at 7:25 am #1320848
Thank you for the inquiry.
Which font are you currently using? What you see is called FOUT or “flash of unstyled text”. You can read more about it in the following article.
The text “flashes” or changes because the font file is not yet loaded. Installing a cache plugin in this case usually helps.
If you are a developer, make sure that the browser is not set to “Disable Cache”, because when this option is enabled, the browser always retrieves the font files from the original source instead of the local machine, which may cause FOUT. You will usually find this option in the Networks tab of the developer tools.
IsmaelSeptember 14, 2021 at 8:06 am #1320854
I have removed the “disable cache” now. And also installed Litespeed cache as recommended by my webhost.
I have setup cloudflare as well.
The font stil flashesSeptember 15, 2021 at 12:04 pm #1321024
Thank you for the update.
Where can we see the issue? Please provide the site URL in the private field so that we can check it. You may have to disable the Enfold > Performance > File Compression settings temporarily.
IsmaelSeptember 15, 2021 at 1:11 pm #1321032September 16, 2021 at 7:14 am #1321146
For some reason, the font files (Lato, Opens Sans) in the above site are added last, only after every stylesheets and scripts are loaded, which causes FOUT. On our installation, the font files are loaded first as shown in the screenshot below.
Did you modify any of the theme files?
IsmaelSeptember 16, 2021 at 7:33 am #1321152September 17, 2021 at 8:32 am #1321342
Try to modify the enfold\framework\php\class-style-generator.php file and look for this code around line 767.
Replace it with:
This should prepend the font files at the very top of the head tag, loading them first. Let us know if that helps.
You must be logged in to reply to this topic.