Jump to content

Custom fonts are suddenly not loading

Recommended Posts

Posted

This is also happening to me today... I wonder if SS is having a glitch. The font has been working fine for months. 

@tuanphan

Could you check mine as well please? 

URL:https://www.meetusinmichigan.com/

Password: bayharbor

Code:

@font-face {

    font-family: 'printedmoments';

       src:
         url(https://static1.squarespace.com/static/64480d4c32ddff0acfbdcae8/t/64c33b03a8ef963d34b063fa/1690516227834/printedmoments.woff2);

  }

h1 {font-family: 'FontTitle';}
h1 {font-family: 'printedmoments';}
h2 {font-family: 'montserrat';}
h3 {font-family: 'printedmoments';}
p1 {font-family: 'printedmoments';}
p2 {font-family: 'montserrat';}
p3 {font-family: 'montserrat';}

Posted
1 hour ago, Alex1997 said:

This is also happening to me today... I wonder if SS is having a glitch. The font has been working fine for months. 

@tuanphan

Could you check mine as well please? 

URL:https://www.meetusinmichigan.com/

Password: bayharbor

Code:

@font-face {

    font-family: 'printedmoments';

       src:
         url(https://static1.squarespace.com/static/64480d4c32ddff0acfbdcae8/t/64c33b03a8ef963d34b063fa/1690516227834/printedmoments.woff2);

  }

h1 {font-family: 'FontTitle';}
h1 {font-family: 'printedmoments';}
h2 {font-family: 'montserrat';}
h3 {font-family: 'printedmoments';}
p1 {font-family: 'printedmoments';}
p2 {font-family: 'montserrat';}
p3 {font-family: 'montserrat';}

Seems to be working on my end, but you can change the bottom part of your code to this (you might have a double up of h1 that you can delete):

h1 {font-family: 'printedmoments' !important;}
h2 {font-family: 'montserrat' !important;}
h3 {font-family: 'printedmoments' !important;}
.sqsrte-large {font-family: 'printedmoments' !important;}
p {font-family: 'montserrat' !important;}
.sqsrte-small {font-family: 'montserrat' !important;}

Paragraph fonts are named differently to header fonts, see if this works

Instruction: How to set a site-wide password

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITEINSTAGRAM

 

Posted

You can also use the shorten code

@font-face {
    font-family: 'printedmoments';
    src:url(https://static1.squarespace.com/static/64480d4c32ddff0acfbdcae8/t/64c33b03a8ef963d34b063fa/1690516227834/printedmoments.woff2);

  }
h1, h3, p.sqsrte-large {font-family: 'printedmoments' !important;}
h2, p.sqsrte-small, p:not(.sqsrte-large):not(.sqsrte-small) {font-family: 'montserrat' !important;}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.