Font-Dissplay

Hi,

Is there a way to implement the font-display property?
Basically, my home page has a list of products that shows the star rating which uses star.woff.

I tried to modify woocommerce/assets/css/_fonts.scss and add the property font-display:fallback as seen below:

@font-face {
font-family: ‘star’;
src: url(‘../fonts/star.eot’);
src: url(‘../fonts/star.eot?#iefix’) format(’embedded-opentype’),
url(‘../fonts/star.woff’) format(‘woff’),
url(‘../fonts/star.ttf’) format(‘truetype’),
url(‘../fonts/star.svg#star’) format(‘svg’);
font-display: fallback;
font-weight: normal;
font-style: normal;
}

But according to pagespeed is still reported in “Ensure text remains visible during webfont load”

I’m not sure why the property is not working.

Thank you!
Best Regards

The page I need help with: [log in to see the link]