Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

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.



Edited by joach
Link to comment

5 answers to this question

Recommended Posts

  • 0
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...