How can i add font-display descriptor to custom fonts

g-ads

Hello, according to google speed insight, i want add

font-display: auto;

to custom web fonts.
how can i do it.

https://developers.google.com/web/updates/2016/02/font-display

Pablo

Hi,

You have to use the @font face rule to make it work.

https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Paste your code into the Theme Options > Custom CSS & JS > CSS

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

g-ads

i used setting > font > Custom

should i remove custom fonts, if i want use @font ?

and then should i set font-family in custom css?

Pablo

If this is the same font, then it's a good idea to remove it from theme options > fonts > custom fonts.
Yes, if you would like to set this font somewhere, you have to set it through CSS or HTML <font> tag.
Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next