[Support request] Ensure text remains visible during webfont load issue

[max]

hi how to solve this Ensure text remains visible during webfont load issue that we check from gtmetrix
thank you for your respond

[Elvin]

Hi there,

There are different fonts being flagged.

1 is the Google font in use and the other is the GP font you use as an icon.

For the GP font icons:

Try changing the icons being used to SVG. This can be set through Appearance > Customize > General
https://docs.generatepress.com/article/svg-icons/

For the google font:
We can add font swap to the requested google font by using this PHP snippet.

add_filter( 'generate_google_font_display', function() {
    return 'swap';
} );

[max]

this need to put at which area?

add_filter( ‘generate_google_font_display’, function() {
return ‘swap’;
} );

[Elvin]

this need to put at which area?

add_filter( ‘generate_google_font_display’, function() {
return ‘swap’;
} );

Here’s how to add PHP snippets – https://docs.generatepress.com/article/adding-php/

You can put it on your child theme’s functions.php or a Code Snippets plugin.

[max]

So after i put this code, al error from gtmetrix for Ensure text remains visible during webfont load issue will resolve?

[David]

Hi there,

it looks like its flagging the GP Icon fonts issue… don’t bother adding the code Elvin provided.
Instead go to Customizer > General and change the Icon Type to SVG.

Make sure you clear ALL caches and refresh CDN ( if its being used )

[max]

Just want to reconfirm
I didnt need to put that code
Just change
Icon Type to SVG

[David]

Thats correct.

[max]

Thank you team
Tremendous respond

[David]

Glad we could be of help.

[Author]

Posts