CSS how to make a text bold?

Question

Is there a way to make a text bold with CSS?

I know there is with HTML, but I don't always like going back to the HTML to edit a text --- so I was wondering what declaration to use to make text bold.

Answer 1

I don't tend to use the 'font-weight: bold;' css. Instead i use this:

p {
font-weight: 700;
}

I do this because different fonts can look different when specified as 'bold' and this allows you to go back and take it down to 600 or even 400 so it is midway between bold and normal.

I do not know how popular it is to do it this way but it is definitely the way i see it done the most!

Answer 2

Use the font-weight property.

p {
font-weight: bold;
}

or try to visit:

https://www.w3schools.com/cssref/pr_font_weight.asp

Answer 3

Ginfio I studied your codes, you could build some complicated css styling and animation, but somehow you still ask a very simple css style question.. 🤔

And it's also easily search this answer from google too, but I dont think your need it.

Answer 4

https://www.w3schools.com/cssref/pr_font_weight.asp