Leverage the font-display CSS

  • Resolved n381

    (@n381)


    6 years, 5 months ago

    Hello, I’m trying to solve the warning on Google Page insights test

    Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading
    Google Page Insights Lighthouse was unable to automatically check the font display value

    I’ve followed your suggestion on the other ticket here at Support forum, but even after applying the recommending changes the GPI warning is present.
    I’ve done the following :
    -added font face display block/swap css;
    -exclude font style sheets from plugin settings;
    -set the preload option using Polyfill

    • This topic was modified 6 years, 5 months ago by n381.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Raul P.

    (@alignak)

    6 years, 4 months ago

    The notification says:

    Warnings:
Lighthouse was unable to automatically check the font-display value for the following URL: https://www.masterpro-spa.com/eshop/themes/anam/assets/css/fonts/ionicons.ttf.
Lighthouse was unable to automatically check the font-display value for the following URL: https://www.masterpro-spa.com/eshop/themes/anam/assets/css/fonts/fontawesome-webfont.woff2.

    There are also more fonts like this on the eshop plugin.

    So you need to check in which original css file or inlined code you are calling these, and manually add the font-display: block;
    https://web.dev/font-display/

    After that, you need to purge all caches, including FVM.
    FVM only merges what is already there.

    Thanks

Viewing 1 replies (of 1 total)

The topic ‘Leverage the font-display CSS’ is closed to new replies.