Custom Fonts Not Working

I'm at wit's end. I'm playing around with a site and cannot for the life of me get the custom fonts to appear. Doesn't matter which  browser I'm using. Where am I going wrong? This isn't the first site I've had issues with custom fonts lately.

https://katyblooms.squarespace.com

password for site is katy

// Custom Header Font //
@font-face {   
  font-family: Promenade-Regular;   
  src: url("https://static1.squarespace.com/static/6391abbbd6796d1f420dc91b/t/63f626ad6dabcc769280af89/1677076141930/Promenade-Regular.woff"); 
  src: url("https://static1.squarespace.com/static/6391abbbd6796d1f420dc91b/t/63f626b19c152d5aa7e4fe4b/1677076145724/Promenade-Regular.woff2"); 
}

h1, h2, h3, h4 { 
  font-family: 'Promenade-Regular' !important; 
}

You have two sources (SRC:) set for the font, that might be causing a conflict, does removing one or the other help?

@Ziggy No 😞 Just tried

20 minutes ago, ShannonPruitt said:

This isn't the first site I've had issues with custom fonts lately.

I've heard the same thing quite a few times recently.

When I view the page it does appear to be loading correctly, are you on a Mac?

@Ziggy yeah.. on a mac

Could you find and test using a .TTF (true type font) file format for the font instead of .woff?

@Ziggy Didn't work 😣 Tried .OTF too...

Where did you get the font from? I'm wondering if there could be an issue with the font file. There's nothing wrong with your upload method and CSS. Could you share it with me so I can run my own tests?

Jen Wagner... attached the .woff font

@Ziggy nvm, it won't attach. can i email it to you?

Having the exact same problem. Pretty sure my CSS is all fine? But fonts not showing up for me

font-face {
font-family: 'JOSTBOLD';
src: url('https://static1.squarespace.com/static/63f62f0c2a8ce83838e369cb/t/63f634513a455825bcf03e16/1677079633807/Jost-Bold.ttf');
}
font-face {
font-family: 'JOSTSEMIBOLD';
src: url('https://static1.squarespace.com/static/63f62f0c2a8ce83838e369cb/t/63f6345f9d91452ffc4842c7/1677079648245/Jost-SemiBold.ttf');
}
font-face {
font-family: 'JOSTMEDIUM';
src: url('https://static1.squarespace.com/static/63f62f0c2a8ce83838e369cb/t/63f6346a32d2915055e85725/1677079659292/Jost-Medium.ttf');
}

h1 {font-family: 'JOSTBOLD';}

h2 {font-family: 'JOSTSEMIBOLD';}

h3 {font-family: 'JOSTSEMIBOLD';}

h4 {font-family: 'JOSTMEDIUM';}

.sqsrte-large {font-family: 'JOSTMEDIUM';}

p {font-family: 'JOSTMEDIUM';}

.sqsrte-small {font-family: 'JOSTMEDIUM';}

1 hour ago, Jessica23 said:

Having the exact same problem. Pretty sure my CSS is all fine? But fonts not showing up for me

font-face {

@Jessica23 Your CSS is wrong.

You are missing the '@' symbol before each 'font-face'. It should be @font-face.

Did this help? Please give feedback by clicking an icon below  ⬇️

2 hours ago, ShannonPruitt said:

I'm playing around with a site and cannot for the life of me get the custom fonts to appear.

@ShannonPruitt When I checked, the font file URLs didn't work. I recommend that you check these files have been uploaded correctly in the Custom CSS panel.

On 2/22/2023 at 6:05 PM, paul2009 said:

@Jessica23 Your CSS is wrong.

You are missing the '@' symbol before each 'font-face'. It should be @font-face.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you so so much!!!!! Can't believe I didn't spot that!