Docs

[bowintichenor]

I’ve input my CSS Key to install my custom header font. I pasted it into my functions.php file with no luck. Thanks in advance for any help you can give!

[Friech]

Hi There,

Thanks for writing in! Would you mind showing us the code that you added on child theme functions.php file?

And please provide us the page URL where the custom header that you want to have a custom font.

Cheers!

[bowintichenor]

This reply has been marked as private.

[Friech]

Hi There,

I’m not seeing the site loading the requested file, please add this line on top of your child theme’s style.css file instead.

@import url('https://cloud.typography.com/7944776/6869772/css/fonts.css');

And then to apply the font to your header, add this as well.

h1, .h1, h2, .h2, h3, .h3 {
	font-family: "Knockout 70 A", cursive !important;
}

Let us know how it goes.

Thanks.

[bowintichenor]

The font is now working on the site but not in the header. I’ve tried to apply the CSS to the header but I’m not sure where to put it. I’ve tried putting it in the Style.CSS file on the child theme as well as the header file within X. Thanks for getting me a little further down the road though!

[Rue Nel]

Hello There,

Thanks for updating in! Please use this code to apply the font to the site name in your header;

.x-navbar .x-brand.text {
	font-family: "Knockout 70 A", cursive !important;
}

Hope this helps. Please let us know how it goes.

[bowintichenor]

Thanks! That seems to work but I’m seeing a other fonts displaying on certain letters instead of Knockout. This happens in Chrome and Firefox but not in EDGE. Also, what’s the best way to adjust the spacing once it’s set? We’re making progress! Thanks again!

[Rad]

Hi there,

You should contact your font provider, this URL https://cloud.typography.com/7944776/6869772/css/fonts.css returns forbidden error/message. Maybe it works on your Edge browser due to cache.

Thanks!

[Author]

Posts