WordPress: How to disable loading Atomic Block’s FontAwesome CSS if not in use?

Genesis WordPress theme is no doubt is the best WordPress theme out there. Sometime last year in 2019 it was acquired by WPEngine.

Around the same time frame WPEngine bought ArrayThemes.com and AtomicBlocks.

Since last few years, WordPress block editor is matured a lot and more and more folks started using it for their daily publishing routine.

On Crunchify, we are using Genesis Theme from around 2012. It’s awesome 👏 . We recently started using Atomic Blocks WordPress plugin too as it provides one of the best WordPress Editor Blocks.

We are also using Crunchy Sharing Social Sharing WordPress plugin on Crunchify.

Both plugins add FontAwesome fonts on site during load and I wanted to disable it Atomic Block’s FontAwesome CSS loading on site.

Speeding up WordPress site and loading only required things on site is a goal for all of us here.

How to disable atomic-blocks-fontawesome-css?

Open your theme’s functions.php file and put below code.

add_action( 'wp_enqueue_scripts', 'crunchify_remove_atomic_block_css', 100 );

function crunchify_remove_atomic_block_css(){
    wp_dequeue_style( 'atomic-blocks-fontawesome' );
}

Just save it and you are all good.

Clear all cache and you now onwards it wont load Atomic Block’s FontAwesome CSS.