Jump to content

Bold Fonts Not Displaying

Recommended Posts

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You appear to have several issues going on.

If you want to control the font weight in those code blocks with global CSS (as found in Design > Custom CSS) then you need to remove the inline style attributes from the code block. In general inline takes precedent over global CSS.

834630340_ScreenShot2021-01-26at6_32_16PM.png.31e87e690a12ffcec935ad3b17d8becb.png

Your Design > Custom CSS is targeting h4 strong, etc., but your code block has no strong tag in it. You could either change the first span tag in the code block to strong. Or change the targeting of your CSS to h4 span:first.

You may need to bump your font-weight numbers up by 100. That's what I had to do locally to get bold to pop.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Okay I see! I added the <strong> tag into the code blocks and they are bolded now.

Although, I think they are too bold and would like to lower the font-weight. I'm using the font Halyard Display (comes with Squarespace) and can see that the font has the weights 100-900 when I click on Fonts > Headings > Weights.

Is there a way to make the bolded fonts 500 in weight? I tried: strong { font-weight: 500;} but it does not work.

Thanks for all your help!

Link to comment
  • 1 year later...
On 4/30/2022 at 3:44 AM, yossi said:

I have the same problem, it works for font-weight 500 but not for 400. 500 is way too bold. Any help appreciated @tuanphan!

Have you tried: 300, 200 or normal yet?

If it still doesn't work, which font do you use? It is custom font, Squarespace font, Adobe font or? and what is your site url?

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.