Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

Update module code: Use font-display:block for Font Awesome CSS

1 Posts
1 Users
0 Reactions
1,477 Views
(@klaas2)
New Member
Joined: 6 years ago
Posts: 1
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
  [#6010]

We're receiving on all page with wpdiscuz through https://developers.google.com/speed/pagespeed/insights the warning to: Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading

 

Based on our research and legit ticket of Font-Awesom, see the last comments of this issue ticket:

https://github.com/FortAwesome/Font-Awesome/issues/14387

 

You should add in your CSS and so your module:

font-display: block;

 in the CSS @font-face{}

To work around this we might be able to disable your import of the font-face Font Awesome through your settings and can add/import Font Awesome in the custom CSS or theme. However I think it's better you update your code with the correct standard of @font-face



   
Quote
Share:
Scroll to top