Jump to content

Custom CSS Font is not appearing in the page previews

Recommended Posts

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!

Screenshot 2022-11-14 at 5.42.18 PM.png

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 {

h2 {

h3 {

Let me know how it goes 🙂

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.