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

-1 vote211 views2 answers
How to use before pseudo class in css
CSS
4 votes235 views3 answers
Zoom in and out iconhtml css
CSS
0 vote209 views1 answer
Symfony modify request
CSS
0 vote240 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
64 votes210 views6 answers
Rotate css
CSS
23 votes253 views5 answers
How to rotate image in css
CSS
0 vote231 views1 answer
For...of...loop
CSS
-1 vote237 views3 answers
Text in one line css
CSS
80 votes222 views6 answers
Css favicon
CSS
0 vote240 views1 answer
Media query change button text
CSS