Set all text to display when loading web fonts.

Hi Ilya

Thanks for reaching out.

vantage-icons.woff are loaded in the theme’s style.css file. This file is for icons, it isn’t for text, this introduces challenges.
https://github.com/siteorigin/vantage/blob/develop/style.css#L3675-L3681

More on this font-display here: https://css-tricks.com/almanac/properties/f/font-display/.

I’m not sure if Google can differentiate between icons and fonts for displaying text. Setting all text to display would make more sense if the font was for text but in this case, the font is for icons.

For more on the challenges of using font-display with web icons, please, see:
https://www.zachleat.com/web/font-display-icon-fonts/
https://stackoverflow.com/questions/49461308/correct-font-display-value-for-icon-fonts

If you’d like you can change the font-display value you can try adding to AppearanceCustom CSS or CustomizeAdditional CSS:

@font-face {
	font-family: 'vantage-icons';
	font-display: block;
	src: url('icons/vantage-icons.eot');
	src: url('icons/vantage-icons.eot?#iefix') format('embedded-opentype'), url('icons/vantage-icons.woff') format('woff'), url('icons/vantage-icons.ttf?') format('truetype'), url('icons/vantage-icons.svg') format('svg');
}

To view the possible values for font-display, please see the CSS Tricks link above.

In General, adding Autoptimize and a caching plugin like WP Super Cache are helpful when optimizing for performance.