Tagged: Fonts
Hello,
When I enable the option Delay Javascript Execution in WP-Rocket then the font I set up in Enfold (Google font Open Sans) is only loading after user interaction (like mouse over).
Please take alook at https://www.greenconnections.nl
When you mouse over the website you will see the font type changes in Open Sans. First another font (browser default?) is displayed. I tried all kind of exclusions, provided by the WP-Rocket support, but none of them is solving this issue.
I like to use this WP-Rocket option because it gives me great scores in Google Pagespeed/Web Vitals. However, I realy don’t like the font changes like this in the design, I find it not user-friendly.
I tried some different font settings in Enfold Performance Settings, did not help either.
Any idea how to use Delay Javascript Execution in WP-Rocket, and loading the correct font immediately?
Thanks,
Alwin
Hey Alwin,
Thanks for the link to your site, I believe that you mentioned this in one of your other threads about preloading the font, This should correct the issue.
Best regards,
Mike
Hello Mike,
Thanlk you for your help!
However, this specific issue was not mentioned in my other threads. So what do you mean by “This should correct the issue”?
Maybe I overlooked something , it’s early and I need coffee :)
Thanks,
Alwin
Hi,
Sorry, in your other thread you talked about using the WP Rocket option to preload fonts, please try preloading “Open Sans”
To me it looks like your WP Rocket cache is not loading the font, so the users browser is using the fallback font, then after the page cache is loaded the users browser is calling the correct font which visibility changes on the screen.
Best regards,
Mike
Hello Mike,
I have solved the issue by hosting my Google font Open Sans locally :)
Thanks for your help!
Best Wishes,
Alwin
Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike