Font-display with xtheme

Hello,

I’m trying to leverage the font-display tag in my css to ensure text is user-visible while webfonts are loading. From what I was reading I need to use a child theme and have a custom style.css … but i’m not too sure what I need to add in here to front-load the fonts?

Thanks

Hello @fxground,

Thanks for asking. :slight_smile:

You can either add the code in Theme Options panel under X/Pro > Theme Options > CSS or in Child Theme under Appearance > Editor. More information can be found here. https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display

You can use following resources to download and setup child theme.

Download Child theme from following source: https://theme.co/apex/child-themes

Please take a look at following article to setup child theme:

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.