Font-weight css

Css bold text

.text {
	font-weight: bold;
}

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;
}

Font-weight css

/* Valeurs avec un mot-clé */
font-weight: normal;
font-weight: bold;

/* Valeurs relatives à l'élément parent */
font-weight: lighter;
font-weight: bolder;

/* Valeurs numériques */
font-weight: 1;
font-weight: 100;
font-weight: 100.6;
font-weight: 123;
font-weight: 200;
font-weight: 300;
font-weight: 321;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: 1000;

/* Valeurs globales */
font-weight: inherit;
font-weight: initial;
font-weight: unset;

Source: developer.mozilla.org

How to bold text css inline

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

Font. to be thinner css

font-weight: 200; /*100 200 300 400 500 600 700 800 900 
					Defines from thin to thick characters. 
					400 is the same as normal, 
					and 700 is the same as bold*/

Similar codes

0 vote255 views1 answer
Media screen tablet
CSS
3 votes235 views3 answers
Use css to replace icon with text when hover
CSS
1 vote274 views1 answer
Css fixed center vertical
CSS
-1 vote236 views1 answer
Add css to express app
CSS
0 vote242 views1 answer
Easyui how to change datagrid header height
CSS
0 vote256 views1 answer
Sticky header not working chrome
CSS
0 vote228 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
-1 vote257 views1 answer
Css not full width
CSS
0 vote261 views1 answer
Hover on father elemet activates a child element css
CSS
0 vote239 views1 answer
Asp net css how to change text alignment of gridview column
CSS