Jump to content

Custom fonts stopped working

Go to solution Solved by nick_sh,

Recommended Posts


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.



Any help would be greatly appreciated

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

@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";



Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.