Adding font-display to Font Awesome

[SeNioR-]

Hi. I would suggest considering adding the font-display attribute to Font Awesome & Google Fonts to remove the warning in Google PageSpeed Insights.

More at: Ensure text remains visible during webfont load

Warning:

Solution:

and add parametr display=optional to https://fonts.googleapis.com

<link href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,500,700,700i&display=optional" rel="stylesheet" referrerpolicy="origin">

Best regards.

Edited November 24, 2020 by SeNioR-

[Maxxius]

Thanks for this neat tip. I got rid of that error and earned a few extra scores for my site 🙂

[SeNioR-]

You're welcome 🙂 In IPS 4.6 this attribute has already been added, but with the "block" value.

[Maxxius]

Yeah but while my main project is on 4.4 its useful now :)