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.