Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 21, 2020 at 8:20 pm #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

    December 21, 2020 at 8:49 pm #57671
    vako
    Keymaster
    Premium Member

    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

    December 21, 2020 at 9:01 pm #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;
    }

    December 21, 2020 at 9:14 pm #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

    December 22, 2020 at 11:08 am #57688
    vako
    Keymaster
    Premium Member

    Hi Kristine,

     

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

     

    Kind Regards

    December 22, 2020 at 3:58 pm #57694
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    Thanks!

    December 26, 2020 at 10:52 am #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

    December 27, 2020 at 4:02 pm #57731
    Kristine Eksteine-Nizka
    Participant
    Premium Member

    That’s awesome, thanks!

    December 28, 2020 at 11:24 am #57734
    vako
    Keymaster
    Premium Member

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

     

    Kind Regards

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