How do I make bold property to be more thinner?

Posted in: Newspaper
Post count: 9

Hello guys!

On my website, haffy.ro I am using the „Roboto” font at weight 300. It looks pretty good, but the problem appears when I’m using the bold property for the text because is much more thicker than the normal text and it’s causing a bad constrast. How can I make the bold text to appear more thinner, at a weight of 500 let’s say?

Many Thanks!
Florin

Post count: 20688

Hi,

A value of 300 weight is considered light, there would be more then double the weight difference in a bold font. Roboto font looks like this
https://fonts.google.com/specimen/Roboto
The theme has options to select font weights in steps, example
https://www.screencast.com/t/P6jNNSZf9
More about the available font settings in this guide
https://forum.tagdiv.com/font-customization/

Thanks

Post count: 9

I’m sorry, Simion, your answer didn’t helped. I did a screenshot, maybe that will help you better understand my request.

https://imgur.com/a/5IJDlnullscreenshot

Post count: 20688

The bold tag corresponds to the font bold value. You could modify it for all of them at once with a code. For example all the b tags in a post content
https://www.screencast.com/t/f97r0nWh1Xkb

.td-post-content b {
font-weight: 400;
}

This code can be entered in Theme panel->Custom CSS.

Or for all the instances the b or strong tags are used

b, strong {
font-weight: 400;
}

Thanks

Post count: 9

That’s the answer I was looking for. Good job, Simion! It’s looking great now. Thanks a lot!

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.