[Jonathan]

I’d like to install a new font in my CBOX child theme, but I’m unsure of the best-practices way to do that. I know I can copy over assets/fonts/fonts.css and modify it, but then iconsweetsregular breaks, because the paths are relative to cbox-theme. I can change the paths for the iconsweetsregular font files to ../../../cbox-theme/assets/fonts/ but that seems like a bit of a messy hack to me. I tried adding a new CSS file to assets/fonts but it doesn’t seem to be getting queued, and I think font CSS files seem like they belong in assets/fonts. What’s the best way to install a new font?

[Christian Wach]

@jreeve I posted a workaround here:
https://commonsinabox.org/groups/help-support/forum/topic/submenu-icons-iconsweets/#post-3097

And there’s an open ticket here:
https://github.com/cuny-academic-commons/cbox-theme/issues/159

I tend to have locahost, dev and live installs for most projects and often used to get caught out by this. In the absence of a fix (I don’t understand the Infinity CSS parser) I simply enqueue my own stylesheets. Life’s too short to debug dynamic.css, though I gather there’ll be a way of switching aggregation off in an upcoming version of the engine.

[Jonathan]

@haystack Out of curiosity, how are you enqueuing your own stylesheets? That may indeed be easier than debugging from dynamic.css, which for me involves a ridiculous amount of grepping.

[Christian Wach]

@jreeve This is what I do:

/** 
 * Enqueue Custom CSS in CBOX child theme
 */
function my_cbox_enqueue_styles() {
	
	// load our custom CSS
	wp_enqueue_style( 
		'my_child_styles',
		get_stylesheet_directory_uri() . '/assets/css/my-child-styles.css',
		array( '@:dynamic' ),
		0.1, // version
		'all' // media
	);
	
	// if we've got the homepage template...
	if ( is_page_template('templates/homepage-template.php') ) {
		
		// force flexslider CSS to load
		wp_enqueue_style( 
			'flex_slider',
			get_template_directory_uri() . '/assets/css/flexslider/flexslider.css',
			null, // array( 'deps' ),
			0.1, // version
			'all' // media
		);
		
	}
	
}

// add a filter for the above
add_action( 'wp_enqueue_scripts', 'my_cbox_enqueue_styles', 100 );

In case you’re wondering, I found that the flexslider CSS doesn’t load on child themes, which is why I force it to load. Would be interested to hear if you see the same behaviour.

[Author]

Posts