In the Google Search Console I always get the serious mistake that the webfont should be visible during the loading. Affected is the following webfont:
wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.woff?9
It should be solved be adding “font-display: swap” or “<link rel=”preload”>”
What should I do? Do you have any solution?
Greetings Kathrin
Hi,
As I know the mobile-theme.woff?9 is in only one place and is a font face -> wp-content/plugins/td-composer/mobile/style.css -> https://i.imgur.com/6NNiXR4.png if you want you can set “font-display: swap” clear all cache, purge CDN and check the results to see if this message is still displaying or not in google page speed/
Normal it doesn’t affect the performance much and even has some side effects, like font flashes. But if you’re hunting for a 100 PageSpeed score, you should probably do it.
Thank you!
Thank you very much! It worked fine!
Can I use the same code for this font and where I can find it in the Desktop-Version:
wp-content/plugins/td-composer/assets/fonts/font-awesome/fontawesome-webfont/woff2?v=4.7.0
Greetings Kathrin
Hi,
Yes, you can use that code for woff2?v=4.7.0 too, the file path is -> wp-content/plugins/td-composer/assets/fonts/font-awesome/font-awesome.css -> https://i.imgur.com/W6rlwYi.png
Hope this will help you!
Have a nice weekend!
When I use font-display: swap; for the Desktop-version, my mobile theme doesn’t work correctly anymore. What is the reason therefore?
Greetings Kathrin
Hi,
Please use <link rel=”preload”> this should work without problems.
Let me know the results!
