Pagespeed AMP Warning "Make sure that the text remains visible…"

Posted in: Newspaper
Post count: 364

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?

Post count: 35449

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!

Post count: 364

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!

Post count: 35449

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!

Post count: 364

Hi,

where in the theme files can I find the AMP style.css?

Post count: 35449

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!

Post count: 312

I have the same problem, what do I need to do ?

Thank you

Post count: 35449

Hi EmilienBOURNIGAL,

Please provide me some more details about the problem you have and some screenshots!

Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.