Ensure text remains visible during webfont load fix

[Osztreicher]

Hello, I have the “Ensure text remains visible during webfont load” warning in Google Page Speed.

What code do I need to add to my Global CSS to make this warning go away? I have read that it involves ‘font-display: swap;’ but, I don’t know what fonts and code need to be specified. Thanks.

…v20/KFOmCnqEu….woff2(fonts.gstatic.com) 30 ms
…v11/EJRVQgYoZ….woff2(fonts.gstatic.com) 50 ms
…v11/yYLl0h7WyfzTzI44.woff2(fonts.gstatic.com) 40 ms
…v20/KFOlCnqEu….woff2(fonts.gstatic.com) 50 ms
…font_awesome/fontawesome-webfont.woff2?v=4.7.0(www.mydomain.com) 80 ms
…v20/KFOkCnqEu….woff2(fonts.gstatic.com) 80 ms
…fonts/ata_smart_fly_cart.woff(www.mydomain.com) 70 ms
…font_awesome/fa-brands-400.woff2(www.mydomain.com) 20 ms
…font_awesome/fa-solid-900.woff2(www.mydomain.com) 20 ms
…font_awesome/fa-light-300.woff2 (www.mydomain.com) 30 ms
…v18/KFOmCnqEu….woff2(fonts.gstatic.com) 10 ms
…v18/KFOlCnqEu….woff2(fonts.gstatic.com) 0 ms
…v18/KFOmCnqEu….woff2(fonts.gstatic.com) 0 ms
…v18/KFOlCnqEu….woff2(fonts.gstatic.com) 0 ms

[christopher]

Hi Gabriel,

Unfortunately, you can not do that as the font-display CSS code should be added right into the place that the @font-face is declared and it is inside the core asset file of the Cornerstone or the Pro theme which you can not override.

We already added this to our issue tracker and going to follow up. You can see another thread with the same case which will give you a better context here.

Thank you for your understanding and patience.