Can't find custom fonts

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;
}

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

Thanks @Wolfsilon for your advice.  That seemed to do the trick!

Glad to hear that! Please mark this thread as "Solved" so that others may find the solution as well.

Best,

Dan