Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed. We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

1 Posts
1 Users
0 Reactions
1,012 Views
(@klaas2)
New Member
Joined: 5 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