Defer loading of fonts

[fxground]

Hello,

Running x pro - how would I defer the loading of fa-solid-900.woff2 and fa-light-300.woff2? I can see these are font awesome fonts held locally on the server but they are adding a lot of blocking time when loading the site.

Is there something I can add to my functions.php that might defer these?

[prakash_s]

Hello @fxground,

Thanks for writing to us.

You don’t need custom code for this, you need to go to the Theme Options —> Miscellaneous—>Font Awesome. Please have a look at the given screenshot below.

Thanks

[fxground]

Thanks, this works great for turning off the extra ones i don’t need. Can you tell me if there is a way to defer the loading of the fonts for the ones I do need? my font manager is already set to swap to use a standard font in the mean time while the page loads.

[fxground]

Also - if its not possible to defer them, can i turn font awesome OFF in the theme setting and put something in the JS of one page that I’m actually using them? because on all the other pages I don’t need them and it would save load time…

Thanks

[ruenel]

Hello @fxground,

You can turn OFF all the fonts and use the Font Awesome framework instead. Kindly refer to this old thread:

• Issue Using Font Awesome SVG Framework

Be advised that custom coding is beyond the scope of our support. Implementing and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Best Regards.