Jump to content

Syntax Error with @font-face

Recommended Posts

Hey There!

 

I've been trying to add more custom fonts to my squarespace 7.0 website using Font-Face custom css (which has worked perfectly fine before).

Now I'm getting a syntax error in the @font-face line and I just cannot happen to see the mistake.

Here's the code used:

 

@font-face {

font-family:'MONASTICPRO';
  
src: url(https://static1.squarespace.com/static/58bd523debbd1ad2e8e9111d/t/63bec1decf3e0e5c66eee28b/1673445855074/Monastic+Pro.ttf);}

h1, h2, h3, h4 {
    font-family: 'MONASTICPRO';
}

 

Of course the font got uploaded to custom files.

 

Can anyone help me here?

 

Thank you!

 

Screenshot 2023-01-11 at 15.51.33.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

I can't see an issue, but can you try removing the blank lines and delete any unneeded spaces?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.