Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #57666
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    Hi!

    Google PageSpeed insights fails the diagnostics of the font load:

    “Ensure text remains visible during webfont load”

    Could you help me with where to put the “font-display” rule for Amiko and Open Sans font families?

    This is one of the link addresses

    https://fonts.gstatic.com/s/amiko/v5/WwkQxPq1DFK04uqieV_uMogI.woff2

     

     

    Thanks!

    Kristine

    #57671
    vako
    Keymaster
    WP Royal Team

    Hi Kristine,

     

    Can you please describe the issue you have more detailed? Please share a direct link to the page where the issue appears and for more clarifications, screenshots will be much appreciated.

     

    Kind Regards

    #57673
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    sorry for the confusing text, lol here is the screenshot https://imgur.com/a/8EHHLXL basically, PageSpeed insights says to “Leverage the font-display CSS feature to ensure text is user-visible while web fonts are loading.” I want to know where should I put the “swap” that they suggest putting in. this is the example of what they say to copy

    @font-face {
    font-family: ‘Pacifico’;
    font-style: normal;
    font-weight: 400;
    src: local(‘Pacifico Regular’), local(‘Pacifico-Regular’), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format(‘woff2’);
    font-display: swap;
    }

    #57675
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    ok, I don’t know why it copies like that. it’s here

    https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown

    #57688
    vako
    Keymaster
    WP Royal Team

    Hi Kristine,

     

    I will redirect this topic to the developer’s board and they will contact you.

     

    Kind Regards

    #57694
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    Thanks!

    #57723
    Duke
    Keymaster
    WP Royal Team

    Hi Kristine,

    That message is displayed because we have some icon Fonts loading which is not a problem at all. Please skip this message, even if we set “swap” for Icon Fonts, that won’t change anything. All google fonts are loaded with javaScript so it doesn’t need any “Css Fixes”.

    Kind Regards

    #57731
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    That’s awesome, thanks!

    #57734
    vako
    Keymaster
    WP Royal Team

    Feel free to contact us at any time, we are more than happy to help.

     

    Kind Regards

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.