How to make text bold in css

.text {
	font-weight: bold;
}

Css bold text

/* Keyword values */
font-weight: bold;

/* Keyword values relative to the parent */
font-weight: bolder;

/* Numeric keyword values */
font-weight: 700; // bold
font-weight: 800;
font-weight: 900;

How bold text in css

p.normal {
  font-weight: normal;
}

p.thick {
  font-weight: bold;
}

p.thicker {
  font-weight: 900;
}

Css bold text

we can set text bold using css property named 'font-weight'
Syntax:
selector{
  font-weight: bold;
}

How to bold text css inline

<p style="font-weight:bold">Hey there</p>

Css bold

/* Keyword values */
font-weight: normal;
font-weight: bold;

/* Keyword values relative to the parent */
font-weight: lighter;
font-weight: bolder;

/* Numeric keyword values */
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;// normal
font-weight: 500;
font-weight: 600;
font-weight: 700;// bold
font-weight: 800;
font-weight: 900;

/* Global values */
font-weight: inherit;
font-weight: initial;
font-weight: revert;
font-weight: unset;

Source: developer.mozilla.org

Similar codes

17 votes176 views3 answers
Css hover mouse hand
CSS
0 vote143 views1 answer
How to center icon vertically in react js
CSS
4 votes169 views2 answers
Change bot page background top.gg
CSS
2 votes154 views1 answer
Css class selector contains
CSS
47 votes151 views6 answers
Css set text color
CSS
3 votes165 views1 answer
Watch scss to css
CSS
3 votes148 views2 answers
Css check if mobile
CSS
20 votes163 views4 answers
Css list no bullets
CSS
1 vote181 views1 answer
Remove grayscale no filter css
CSS
5 votes154 views2 answers
Make text not selectable
CSS