PageSpeed Insights –

  • Author
    Posts
  • #74765
    diamondrcreative
    Power User

    It reads:

    Ensure text remains visible during webfont load

    Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more.

    https://taylorlassen.com/wp-content/plugins/cryout-serious-slider/resources/fonts/serioussliderglyphs.ttf
    https://taylorlassen.com/wp-content/themes/fluida/resources/fonts/blocks.woff
    https://taylorlassen.com/wp-content/themes/fluida/resources/fonts/elusive.woff

    Does theme need to be edited or what is causing issue? Any info would be appreciated! 🙂

    Thanks!

    Website: taylorlassen.com

    #76190

    +1

    #76245
    Zed
    Cryout Creations Team

    The ‘font-display’ attribute is part of the CSS 4 working draft.
    Validators and optimizer should test for currently approved standards, not proposed/unstable ones.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #84864
    diamondrcreative
    Power User

    Sorry for long delay but, what does that mean?

    Has the ‘font-display’ attribute become accepted. I have read that it has.

    If so, will you be updating accordingly?

    If not, would it best to utilize a plugin ( example: CAOS for Webfonts | Host Google Fonts Locally) or host fonts locally to work around?

    At the least, could you tell me where font files are located that i need to add font-display attribute so I can at least attempt fixes?

    Website: diamondrcreative.com

    #85330
    Zed
    Cryout Creations Team

    Where did you read that CSS v4 is a finalized standard?

    https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display

    https://www.w3.org/TR/css-fonts-4/


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #92456
    diamondrcreative
    Power User

    Again, apologies for the delay! And thanks for your response. 🙂

    I apologize if my writing comes off offensive as that is not my intention. I just write quickly during a busy day and I apologize if does sound offensive.

    However, I really don’t want to discuss CSS standards – not saying they are not pertinent! I’d really like to just find out what I can do to fix this issue. Your 2 previous replies has not furthered my research or led me to a solution but I do appreciate the response.

    Listing another example of issue on a different website using another Cryout Theme. (in addition to first website listed)

    Ensure text remains visible during webfont load
    Warnings: Lighthouse was unable to automatically check the font-display value for the following URL: https://diamondrcreative.com/wp-content/themes/anima-plus/resources/fonts/iconmeta.ttf.
    Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more.
    https://diamondrcreative.com/wp-content/themes/anima-plus/resources/fonts/socials.woff

    What do you recommend?

    Website: diamondrcreative.com

    #95032

    Hi,

    I am having the exact same issue. Google already checks for “font-display: swap;”. This should be supported regardless of the CSS 4 release status. If Google checks for it, that makes it THE standard. The rest is just theory.

    This is a bug.

    /Mark

    #95148
    Zed
    Cryout Creations Team

    Hi Mark,

    I’m sorry to say, but Google is not and does not make standards.
    There’s a consortium that defines CSS and HTML standards and any changes need to pass through there to become official and be adopted by all browsers. Some vendors may choose to adopt proposed changes earlier, but that doesn’t make those changes standards.

    Otherwise, we’ll just end up in a new IE era, but with Google/Chrome at the center of all problems instead.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #95374
    diamondrcreative
    Power User

    Are you saying that when standards become updated/accepted (specifically the ‘font-display’ attribute) this will cease to be an issue and I should wait until then?

    Website: diamondrcreative.com

    #104647

    Your trouble sounds unrelated. Your net website seems to behave normally when I gave it a brief check. If you’re nonetheless having issues, observe the forum suggestions and submit a separate subject matter. You’ll have to be a touch clearer what links are not running, with link examples.

    Website: www.bestgearsreview.com

Viewing 10 posts - 1 through 10 (of 10 total)

You need to log in to reply to this topic.