How can i add font-display descriptor to custom fonts

g-ads · March 2019

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 · March 2019

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

g-ads · March 2019

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 · March 2019

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

How can i add font-display descriptor to custom fonts

Comments