Jump to content

Buttons and custom font not responding

Recommended Posts

I'm having an issue uploading custom fonts for headings and buttons. Paragraph text works fine. For headings, I can use the Squarespace options but it will not respond to the uploaded fonts, even with !important. For buttons, they will not change from Poppins. I've tried several from Squarespace and uploaded a couple custom fonts but it remains Poppins. I've tried clearing cache and viewing from other browsers too but no luck. Help? Thank you!

Password: website

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Can you share your website URL and all of the CSS code you are using to add the custom font?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 3 weeks later...

I tried with and without !important for the headings:

@font-face {
    font-family: Proxima Soft Semibold;
    src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536e9616ef29718568a4e88/1698097505621/ProximaSoft-Semibold.woff);
      
h1, h2, h3 {
font-family: 'Proxima Soft Semibold';
}

@font-face {
    font-family: 'Apercu Pro Regular';
      src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/654abafc1c857e0377793511/1699396348945/ApercuPro.ttf); 
}

h4 {
font-family: 'Apercu Pro Regular' !important;
}
}

And then I found a couple different options to target the buttons but none of them worked so I deleted it.

It looks like she (the client) is testing out different Squarespace fonts which is overriding the paragraph font now too. It was working previously.

@font-face {
    font-family: Apercu Pro Light;
      src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536ec9c99098c555675431f/1698098332300/Apercu-Pro-Light.ttf);

p {
font-family: 'Apercu Pro Light';
}

 

Link to comment

Hi @Scandi we can check easier if you share a link to your website.

Can you try changing this code 

46 minutes ago, Scandi said:

@font-face {
    font-family: Proxima Soft Semibold;
    src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536e9616ef29718568a4e88/1698097505621/ProximaSoft-Semibold.woff);

to this new code. I've added quotes around your declared name, and added closing curly bracket.

@font-face {
    font-family: 'Proxima Soft Semibold';
    src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536e9616ef29718568a4e88/1698097505621/ProximaSoft-Semibold.woff);
}

 

Let me know how it goes.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody
💁‍♀️ SquareSpace Developer
You dream it, I'll make it happen.

Contact me:
💻 https://www.melodylee.tech

✉️ my email
📍 UK based. The great thing about the internet, we can work together from anywhere.

#neverstoplearning
I like coffee 😊
 

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.