Bold Fonts Not Displaying

Site URL: https://www.nicolelozano.com/work/bitez

Hi everyone,

I'm having an issue with different font weights displaying on my website. I customized the weight for some of the text in css, and it shows properly when I am adding the Custom CSS, but when I publish the site the bolder text is no longer there. Any way to fix this?

Bolded Text Showing:

Not on site after publishing:

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.

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.

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!

Take the font weight up to 600. What happens?

Font-weight: 600 is very thick

While font-weight: 500 makes no difference at all 😅 (compared to the normal font weight not bold) 

Do you still need help on this?

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

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?