Load Dashicons in Front End

I don’t actually use Dashicons in WordPress projects all that often, but I hacked up a WooCommerce Account view and realized all the icons I used didn’t work in Chrome and FireFox. Safari is my default browser and everything usually works fine until I test in Chrome and the wheels fall off the whole UI. Apparently Dashicons are only called in the backend admin of WordPress.. who knew (or cared.. because.. FontAwesome right).

Here is how to use Dashicons in the Frontend of WordPress too. Add this to your theme’s functions.php file.


add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
  wp_enqueue_style( 'dashicons' );
}

Load Dashicons in Front End

wally

From website design & SEO to custom WordPress plugin development. I transform ideas into dynamic, engaging, and high-performing solutions.