-
Posts
-
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.woffDoes theme need to be edited or what is causing issue? Any info would be appreciated! 🙂
Thanks!
Website: taylorlassen.com
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 check the available documentation and search the forums before starting a topic.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
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 check the available documentation and search the forums before starting a topic.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.woffWhat do you recommend?
Website: diamondrcreative.com
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
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 check the available documentation and search the forums before starting a topic.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
The topic ‘PageSpeed Insights –’ is closed to new replies.