Jump to content

Custom Fonts not working

Recommended Posts

Site URL: https://trombone-bat-w3jb.squarespace.com

I've been using custom fonts on my website for a while and I changed h3 to be a different font to the other headers and its now broken all the custom font settings.

This is the css I have

@font-face { 
font-family: 'Glamy';       
src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a5427d66e596f0a620626/1650086952229/GLAMY-Regular.otf');  }

h1 {font-family: 'Glamy';}
h2 {font-family: 'Glamy';}

@font-face {

font-family: 'Hypatia-Sans-semi-bold';

src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a4b71d69eca1634c17596/1650084722843/HypatiaSansPro-Semibold.otf');

  }

h3 {font-family: 'Hypatia-Sans-semi-bold';}

@font-face {

    font-family: 'Blackstone';

       src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/615c09aa17e47d7acf396dc3/1633421742839/BlackstoneRegular.otf');

  }

h4 {font-family: 'Blackstone';}

@font-face {

    font-family: 'Hypatia-Sans';

       src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/61624f04137d373f839ef49c/1633832710168/HypatiaSansPro-Light.otf');

  }
p {font-family: 'Hypatia-Sans';}
p1 {font-family: 'Hypatia-Sans';}
p2 {font-family: 'Hypatia-Sans';}
p3 {font-family: 'Hypatia-Sans';}

p { font-family: 'Hypatia-Sans'!important; 

font-size: 20 px;    

  font-weight: 100;     

  color: #000000;

  letter-spacing: 0pt;

  line-height: 1.5em; }

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

48 minutes ago, EventDen said:

Site URL: https://trombone-bat-w3jb.squarespace.com

I've been using custom fonts on my website for a while and I changed h3 to be a different font to the other headers and its now broken all the custom font settings.

This is the css I have

@font-face { 
font-family: 'Glamy';       
src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a5427d66e596f0a620626/1650086952229/GLAMY-Regular.otf');  }

h1 {font-family: 'Glamy';}
h2 {font-family: 'Glamy';}

@font-face {

font-family: 'Hypatia-Sans-semi-bold';

src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a4b71d69eca1634c17596/1650084722843/HypatiaSansPro-Semibold.otf');

  }

h3 {font-family: 'Hypatia-Sans-semi-bold';}

@font-face {

    font-family: 'Blackstone';

       src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/615c09aa17e47d7acf396dc3/1633421742839/BlackstoneRegular.otf');

  }

h4 {font-family: 'Blackstone';}

@font-face {

    font-family: 'Hypatia-Sans';

       src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/61624f04137d373f839ef49c/1633832710168/HypatiaSansPro-Light.otf');

  }
p {font-family: 'Hypatia-Sans';}
p1 {font-family: 'Hypatia-Sans';}
p2 {font-family: 'Hypatia-Sans';}
p3 {font-family: 'Hypatia-Sans';}

p { font-family: 'Hypatia-Sans'!important; 

font-size: 20 px;    

  font-weight: 100;     

  color: #000000;

  letter-spacing: 0pt;

  line-height: 1.5em; }

Your site is private now. Kindly give it a protected password so I can take a look?

By the way, have your try add !important to your css code

in HTML, we only have the tag from h1 > h6 and p, I wonder why you add p1,p2,... on your code

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
26 minutes ago, bangank36 said:

Your site is private now. Kindly give it a protected password so I can take a look?

By the way, have your try add !important to your css code

in HTML, we only have the tag from h1 > h6 and p, I wonder why you add p1,p2,... on your code

Hi
I've updated it to password protected. Password is 12345

Link to comment
21 minutes ago, EventDen said:

Hi
I've updated it to password protected. Password is 12345

This is my testing and it seems fine,

image.thumb.png.22bc1abf82bae0d2edc0c73a5ecf1ec7.png

Where do you add this code?

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

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.