Jump to content

Custom font not working on buttons

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://devonkong.squarespace.com/

Hi all, this is my first time posting here but hopefully my formatting is acceptable.

I've imported a custom font in the CSS panel using the code below:

h1, h2, h3, h4, p, div, span, label, button, input {
    font-family: Inter !important;
}
@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}

h1, h2, h3, h4, p, div, span, label, input {
    font-family: Inter !important;
}

It appears to have worked for everything except buttons. I've tried adding button to the code snippet (...span, label, button, input...) but no luck. I'm pretty sure label refers to the button class anyway.

Any ideas? I couldn't find a workable solution in the forums.

The password is Thanks! and you can find buttons on the Resources page.

Thanks in advance!

 

Edited by devonkong
Clearer title
Link to comment
  • devonkong changed the title to Custom font not working on buttons
  • 10 months later...
On 4/22/2022 at 11:37 PM, Charlie1 said:

@tuanphan Hello! Can you help me with a variable font issue in Squarespace? For some reason it's defaulting to slant: -100

The site is: https://www.projectforma.io/

Password: forma

Screen Shot 2022-04-22 at 6.36.58 PM.png

It looks like your Custom CSS box has a syntax error. Can you send all current code here? We can take a look

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/25/2022 at 3:32 PM, Charlie1 said:

@tuanphan Can I send you admin access? Seems like Squarespace doesn't work with variable fonts?

You can send all current code in Custom CSS, we can check easier. If you can't share public, you can message me

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.