In Google Pagespeed Console I get the following critical warning:
Make sure that the text remains visible during web fonts loading.
You can make use of the CSS function “font-display” to make sure that the text is visible to users while web fonts are being loaded. Learn more.
How can I fix this within Newspaper Theme AMP?
Hi,
Please check this topic about leverage the font-display CSS -> https://wordpress.org/support/topic/ensure-text-remains-visible-during-webfont-load/
Thank you!
Hi,
This means, one of these:
font-display: auto;
font-display: block;
font-display: swap;
font-display: fallback;
font-display: optional;
needs to be added to the CSS where the web font is defined, right? Where can I find the related CSS Lines? Why is this not added by default?
Thanks!
Hi,
You can set the code directly in theme panel> Mobile them>Custom css
-> https://www.screencast.com/t/zbMROrCPO
The code will appear in “view page source” -> https://www.screencast.com/t/yIti1kFvyB -> https://www.screencast.com/t/DN1ye7PwPJw
Thank you!
Hi,
Also use the AMP option from mobile theme -> https://www.screencast.com/t/1pLjSDrg5
You need to go in -> plugins/td-composer/mobile/style-amp.css
Thank you!