Custom fonts stopped working

Hi,

I have a custom font on my site that was working until a few days ago.

It was working fine, but now the site navigation and the buttons display a system font.

I haven't changed the code so I'm not sure what's happend.

website:
https://grouse-turtle-akhy.squarespace.com/

password:
web

Any help would be greatly appreciated

If it helps, this is the code Iv'e used below:
 

// CUSTOM FONTS
@font-face {
font-family: 'New Spirit Regular Condensed';
src: url(https://static1.squarespace.com/static/659d7f6a9bf2c669d137e014/t/659e7e32b741bf13a34306c1/1704885810268/New+Spirit+Regular+Condensed.woff);
}

@font-face {
font-family: 'New Spirit Medium Condensed';
src: url(https://static1.squarespace.com/static/65afaf7606b0713da7877b23/t/65afaf7f06b0713da7877d96/1704885810266/New+Spirit+Medium+Condensed.woff);
}

@font-face {
font-family: 'AlteHaasGroteskRegular';
src: url(https://static1.squarespace.com/static/659d7f6a9bf2c669d137e014/t/659e7e111cf3ef5620ff77e1/1704885777349/AlteHaasGroteskRegular.woff);
}

@font-face {
font-family: 'AlteHaasGroteskBold';
src: url(https://static1.squarespace.com/static/659d7f6a9bf2c669d137e014/t/659e7e11ca20c25c94c6e328/1704885777346/AlteHaasGroteskBold.woff);
}
  
h1 {font-family: 'New Spirit Medium Condensed';}

h2 {
font-family: 'New Spirit Medium Condensed';}

h3 {font-family: 'AlteHaasGroteskRegular';}

h4 {font-family: 'AlteHaasGroteskRegular';}
  
.sqsrte-large {font-family: 'AlteHaasGroteskRegular';}

p {font-family: 'AlteHaasGroteskRegular';}

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

.header-nav-item a {font-family: 'AlteHaasGroteskBold' !important;}

.sqs-block-button-container a{font-family: AlteHaasGroteskBold !important;}

.collection-type-products .ProductItem-details h1.ProductItem-details-title, .ProductItem .ProductItem-details .product-price {
  font-family: "New Spirit Medium Condensed";
}
 

Cheers,

James

Ahhh yeh that's it, thank you very much!