Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Increase font-weight bold thickness

I'm using Wordpress with a custom genesis theme (and Bootstrap) with Google fonts (Open Sans).

Within the styling of my H2 tag I've added: font-weight: bold; however I'd like to increase the thickness of the bold whenever I use the font-weight: bold tag.

URL: https://www.moneynest.co.uk/how-to-budget/

Example H2 text (How to Budget - Table of contents).

like image 627
Sam Jefferies Avatar asked Oct 27 '25 12:10

Sam Jefferies


2 Answers

You can use multiple text-shadows to make text bolder even if the font doesn't support the higher font-weights:

h2.section {
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
  font-weight: bolder;
}
like image 193
Andy Ballard Avatar answered Oct 29 '25 02:10

Andy Ballard


You can use font-weight: 800 or font-weight: 900 which are the only values bolder then font-weight: bold

like image 29
vadber Avatar answered Oct 29 '25 01:10

vadber



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!