Atelier Child Theme CSS overrides not working

[Joni]

Hello again,

I activated the supplied Atelier child theme, but the Font overrides that worked before with Cardinal, don’t work for some reason.

I use typography.com as a font supplier and previously I’ve managed to use their fonts by adding a line of code in the “head.php” file of the original theme.

<link rel="stylesheet" type="text/css" href="//cloud.typography.com/6232452/647546/css/fonts.css" />

Only thing with this is that I have to edit the head after each update, but other than that it has worked with no major problems.

So my question is two fold… One, is there a reason that this modification doesn’t work in Atelier vs. Cardinal? And two if this works, is there a better way to inject the typography.com code so that I don’t always have to re-do the mod after updates?

[Mohammad – SUPPORT]

Hi,
Please code like this in style.css of child theme:-

@import url('//cloud.typography.com/6232452/647546/css/fonts.css');

Thanks
Mohammad

[Swift Ideas – Ed]

Hi @Joni

You can either try Mohammad’s solution, or you can use this code to hook into the head, and have it stick with updates. All you need to do is enable the child theme, and add this to the functions.php file:

function custom_font_enqueue() {
    wp_register_style('custom-font', '//cloud.typography.com/6232452/647546/css/fonts.css', array(), NULL, 'all');
	wp_enqueue_style('custom-font');
}
add_action('wp_enqueue_scripts', 'custom_font_enqueue');

I would advise this solution.

– Ed

[Joni]

Hi,

The theme update seems to solve this issue. Thanks again!

-Joni

[Swift Ideas – Ed]

Great, glad it’s sorted!

– Ed