Jump to content

Can't find custom fonts

Recommended Posts

Hello, I am new to squarespace and am trying to add custom fonts.  I've followed all the instructions for CSS but still cannot locate the font. I am getting the following message:  missing opening `{`

Here is the code.  Anything look off?  I've tried adding the missing { to the beginning with various tweeks and nothing seems to be working

 

@font-face {
font-family: Mango;
}  
src: 
 url(https://static1.squarespace.com/static/6273c2f1797d1a596219b93c/t/62cc12e98338f85bc84bbbb9/1657541353268/Mango.otf);
}

h1 {
font-family: Mango;
}

h2 {
font-family: Mango;
}

h3 {
font-family: Mango;
}

h4
font-family: Mango;
}

.sqsrte-large {
font-family: Mango;
}

p {
font-family: Mango;
}

.sqsrte-small {
font-family: Mango;
}

Link to comment
  • Replies 3
  • Views 287
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi!

The issue I see is with the beginning portion of your code. Here's a fix to get you in the right direction.

@font-face {
font-family: "Mango";
src: url(https://static1.squarespace.com/static/6273c2f1797d1a596219b93c/t/62cc12e98338f85bc84bbbb9/1657541353268/Mango.otf);
} 

Hope this helps,

Dan

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.