Add style.css Dependency

[jgardner]

I would like to add a dependency to my child theme's style.css file (in this case it's dashicons) so I don't have to worry about enqueue'ing the stylesheet myself or making sure it's loaded before my theme's sheet. Is there a documented way of doing this that doesn't involve removing the genesis_enqueue_main_stylesheet() action and inserting my own? In the load-styles.php file I don't see any filter (which is honestly surprising given that seemingly everything else is filterable), so my guess is no, but I figured I'd check anyway. If there isn't, could I offer it up adding a filter as a suggestion for a future version?

Thanks guys and gals!

[essaysnark]

You might want to direct this to Studiopress support instead

http://my.studiopress.com/help/

[Victor Font]

I'm using Executive Pro. This is what I did. Look in your theme's functions.php file and find the following line:

wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700', array(), CHILD_THEME_VERSION );

and change it to:

wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700', array('dashicons'), CHILD_THEME_VERSION );

It works for me.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Victor Font]

An alternative is to load the dashicons in the same function that loads the google fonts but before the google fonts are loaded. As in this example from my Executive Pro theme:

//* Enqueue Google fonts
add_action( 'wp_enqueue_scripts', 'executive_google_fonts' );
function executive_google_fonts() {
	wp_enqueue_style( 'dashicons' );
	wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700', array(), CHILD_THEME_VERSION );

}

If you visit my site, the magnifying glass icon in the search is a dashicon symbol. Hover over it and it changes color.

http://victorfont.com/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts