Custom CSS Font is not appearing in the page previews

Hi there, 

The custom CSS font is not working for our business website. Any advice would be great - I wondered if it's because we haven't hooked the site up to a live domain yet?

Thank you!

2 hours ago, FlorenceMarketing123 said:

Hi there, 

The custom CSS font is not working for our business website. Any advice would be great - I wondered if it's because we haven't hooked the site up to a live domain yet?

 

Thank you!

Hi, this is due to formatting and wrong code. You have to add the codes for each font separately, then apply it to the headings.

Delete the codes you've added, use this template to add your fonts (don't remove the ' '):

@font-face {
  font-family: 'Example';
  src: url(‘link’) format('woff');
}

Then, apply the fonts with this code:

h1 {
  font-family:‘GT-Zirkon-Regular’;
}

h2 {
  font-family:’HKGrotesk-Regular’;
}

h3 {
  font-family:’HKGrotesk-Bold’;
}

Let me know how it goes 🙂

This worked! thanks so much!