Jump to content

Adjusting font weight with CSS doesn't work

Go to solution Solved by tuanphan,

Recommended Posts

Hi @MariaFY You do have the H4 set to 400, but in my testing, changing the font weight doesn't effect any change on the website, I'm not sure why as it's an in-built google font. There are only two options for the weight: 400 and 700 so I'm not sure why it appears as a 500 to you. What do you have the fonts set to in the styles panel? What CSS do you have?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

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

 Did I help? Buy me a coffee?

Link to comment

Hi @Ziggy, I set h4 to be Ubuntu Mono font. h1, h2, h3 are Orpheus Pro and I have that set to 500 font-weight in the site styles panel. My custom CSS for h4 is as follows: 


h4 { font-family:'Ubuntu Mono' !important; text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 0em;
  margin-bottom: -12px!important;
  font-weight: 400!important;

It looks like everything applies except for the font-weight...


Link to comment
  • Solution

@MariaFY SS loads some weights only.

In order to use Ubuntu Mono 400, it has to be selected as a font for something else so that Squarespace loads the font/font weight onto the website first.

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!)

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.