Custom font not working Squarespace 7.1

Hi I am having issues with my squarespace site /  squarespace in general - note i have tried this on multiple squarespace sites of mine but I'm having the same issue. I note that the fonts were working last night and now they are not.

I have custom fonts in OTF format which I have uploaded the custom CSS page.

I have used the following code:

@font-face {
font-family: AAA;
src: url(https://static1.squarespace.com/static/62f0815356f60d45a8bd7d70/t/62f2fa9009ae867245600778/1660091024525/Recoleta-RegularDEMO.otf);
}
h2 {
font-family: 'AAA';
}

@font-face {
font-family: BBB;
src: url(https://static1.squarespace.com/static/62f0815356f60d45a8bd7d70/t/62f32329170496483655ff1c/1660101417637/Pacifico-Regular.ttf);
}
h1 {
font-family: 'BBB'!important;
}

My issue is the custom font is not being correctly recognized by squarespace and is just replacing the text with a general serif font.

Font AAA is meant to look like this:

Font BBB is meant to look like this:

However they are not showing up, as seen in the following list of the headers and paragraph samples form my website.

Please help as this is beyond frustrating.

Hi. What is your site url? We can check easier

Hi Tuanphan,  

The site is not live so I don't believe it has a URL.

On 8/12/2022 at 4:06 PM, joach said:

Hi Tuanphan,  

The site is not live so I don't believe it has a URL.

 

 

With trial/private site, just setup an access password & share url

Hi Tuanphan,  

hope you are well.

I have provided the URL in a message.

Let me know if you need anything else 🙂

Due to recent GDPR events, I just made a quick post on this matter
there is also a tutorial on how to install custom fonts. Maybe this is useful: