Font weight css

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

Css bold weight

/* key word "lighter", "normal", "bold", or "bolder" */ 
.normal {
  font-weight: normal;
}

/* number between 100 and 900 */
.heavy {
  font-weight: 900;
}

Source: grepper.com

Change the weight of a bold font css

p {  
  font-weight: normal;
} 
a {  
  font-weight: bold;
}  
p.thick {  
  font-weight: 780;
}

Source: bitdegree.org

Font weightcss

p{
	font-weight: bold;
}

Source: grepper.com

Css font weight

/* 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;

Source: grepper.com

Similar codes

15 votes429 views3 answers
Put an border around an text in css
CSS
1 vote360 views1 answer
Fade other items on hover
CSS
0 vote341 views1 answer
Css percentrage minus px
CSS
0 vote387 views1 answer
Angular scss doesn't work backgorund
CSS
-1 vote362 views1 answer
Purge tailwind css
CSS
12 votes325 views3 answers
Css display grid
CSS
1 vote438 views1 answer
Bootstrap card hover effect
CSS Bootstrap
2 votes449 views1 answer
Material design css
CSS
0 vote371 views2 answers
Count how many characters in the same position are eqial in both strings
CSS
0 vote346 views1 answer
Test typescript
CSS