FontAwesome speed

Hey there,

Font Awesome can be disabled with the following code:

function mission_news_child_dequeue_font_awesome() {
  wp_dequeue_style( 'ct-mission-news-font-awesome' );
}
add_action( 'wp_enqueue_scripts', 'mission_news_child_dequeue_font_awesome' );

This can be copied & pasted into a functions.php file in a child theme.

Please keep in mind that without Font Awesome, the social icons and the dropdown icons next to the parent menu items will not show. There is also a chance that another plugin on the site, like Elementor, will load the Font Awesome icons even if Mission News removes them.

Hi Ben,

Thanks for quick reply. So is there anyway to optimize the size of it without disabling or removing it maybe?

If you use a plugin like WP Rocket, a simple optimization available is to use the concatenation option to combine the Font Awesome stylesheet with other CSS files on the site. I think that’s the only quick optimization available.

An effective but much more complex optimization would be to build your own icon font using Fontello. You would pick out the exact icons you need there from Font Awesome and load that instead. This will require quite a bit of code customization to implement fully.

Otherwise, the easiest and biggest performance gain you will get is from removing Font Awesome entirely.