Custom font not working on buttons

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!

On 6/16/2021 at 6:54 PM, tuanphan said:

Hi. Button blocks need this code

.button-block a {
    font-family: Inter !important;
}

 

Thanks very much, that worked perfectly!

@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

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

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

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

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