Archived topic
Ensure text remains visible during webfont load
5 replies · Started by Howard on November 30, 2020
Hi Elvin
Another question
( more complicated)
How to fix:
Ensure text remains visible during webfont load
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.
I know there are code(s) ..
But where and how to apply them ( novice)
Howard
Hi,
Can you specify which webfonts are being flagged?
If it's the generatepress .woff files, you can tell GP to use SVG icons instead of font icons in Customize > General.
…fonts/generatepress.woff2(cdn.thesoundadvocate.com)
70 ms
…fonts/fontello.woff(cdn.thesoundadvocate.com)
Howard
Hi there,
you can remove the generatepress.woff2 by changing Customizer > General Icon Type to SVG
The Fontello font will be coming from a plugin and as there is no fallback for an Icon font you can ignore that warning.
Hi Dave:
Made the switch to SVG---Page Speed now is giving me 99% on mobile and 100% on desktop. Admittedly, this invariably changes for minute to minute, but with SVG does that go for icons only or can I use this for blog images, (along with WEB P Plugin you suggested:)
Invariably all the code snippets and other codes I ve inserted either dont work for
"Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading."
Unless I do work manually, which I havnt and do not have experience at.
Howard
SVGs are great for icons or vector illustrations but no good for Photo images.
