Custom Font Not Appearing Correctly

In Squarespace 7.1 - My custom font isn't appearing correctly in seemingly random spots - my menu navigation, announcement bar and an event title so far.  I've made sure to use the .sqsrte-large and .sqsrte-small snippets. Here's my custom CSS:

// CUSTOM FONT

@font-face {

font-family: 'CIRCULAR';

src: url(https://static1.squarespace.com/static/64b024f88157696f144a7d31/t/6566a3d2333b464338313c29/1701225426743/CircularStd-Book.otf);

}

h1 {

font-family: 'CIRCULAR';}

h2 {

font-family: 'CIRCULAR';}

h3 {

font-family: 'CIRCULAR';}

h4 {

font-family: 'CIRCULAR';}

.sqsrte-large {

font-family: 'CIRCULAR';}

p {

font-family: 'CIRCULAR';}

.sqsrte-small {

font-family: 'CIRCULAR';}

14 minutes ago, MIP said:

In Squarespace 7.1 - My custom font isn't appearing correctly in seemingly random spots - my menu navigation, announcement bar and an event title so far.  I've made sure to use the .sqsrte-large and .sqsrte-small snippets. Here's my custom CSS:

// CUSTOM FONT

@font-face {

font-family: 'CIRCULAR';

src: url(https://static1.squarespace.com/static/64b024f88157696f144a7d31/t/6566a3d2333b464338313c29/1701225426743/CircularStd-Book.otf);

}

 

h1 {

font-family: 'CIRCULAR';}

h2 {

font-family: 'CIRCULAR';}

h3 {

font-family: 'CIRCULAR';}

h4 {

font-family: 'CIRCULAR';}

.sqsrte-large {

font-family: 'CIRCULAR';}

p {

font-family: 'CIRCULAR';}

.sqsrte-small {

font-family: 'CIRCULAR';}

 

Replace your code with the code below.

@font-face {
  font-family: 'CIRCULAR';
  src: url(https://static1.squarespace.com/static/64b024f88157696f144a7d31/t/6566a3d2333b464338313c29/1701225426743/CircularStd-Book.otf);
}
h1, h2, h3, h4, .sqsrte-large, p, .sqsrte-small {
  font-family: 'CIRCULAR' !important;
}

Thanks for your reply, but unfortunately this didn't work! 😭

5 minutes ago, MIP said:

Thanks for your reply, but unfortunately this didn't work! 😭

Where did you add the code? Can you send me screenshot?

Sure, it's added in the Custom CSS section. Here's a screenshot.

Can you share you website URL?

It's a client's website that's populated, but not yet live - I think for privacy they wouldn't be comfortable for me to share. Hmm. Is there another way?

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords?platform=v6&websiteId=63f08707a1ab1979c11e7d14 Check this 

Oh thanks, I'm currently using the Squarespace password protection as the client is a large organization and some team members have different access to to different sections of the site during the building. I guess I meant to say for security , I wouldn't be able to give out access, not privacy.

5 minutes ago, MIP said:

Oh thanks, I'm currently using the Squarespace password protection as the client is a large organization and some team members have different access to to different sections of the site during the building. I guess I meant to say for security , I wouldn't be able to give out access, not privacy.

Can you try with this code? See the image. Replace the marked code with the code below.

body * {
  font-family: 'CIRCULAR' !important;
}

Wow, that did it! Amazing. Thank you so much for your help! 

Welcome!