Notifications
Clear all

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

1 Posts
1 Users
0 Likes
638 Views
(@klaas2)
New Member
Joined: 4 years ago
Posts: 1
Topic starter  

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