Jump to content

Custom font not working Squarespace 7.1

Recommended Posts

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:

image.thumb.png.1f6b27a7cdde7629e3d7b2d8b8f693c4.png

Font BBB is meant to look like this:

image.thumb.png.13c9e4a13473aeef7833bebe35432758.png

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

image.png.0f1bcc31c4deb8d356df22d793e1a9f8.png

 

Please help as this is beyond frustrating.

 

 

Edited by joach
Link to comment
  • joach changed the title to Custom font not working Squarespace 7.1
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.