css font weight options code example

Example 1: css bold text

.text {
	font-weight: bold;
}

Example 2: 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;

Example 3: change the weight of a bold font css

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

Example 4: css bold weight

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

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

Example 5: Font weight css

/*

Thin, Hairline				100
Extra Light, Ultra Light	200
Light						300
Normal, Regular				400
Medium						500
Semi Bold, 					600
Bold						700
Extra Bold, Ultra Bold		800
Black, Heavy				900

*/

.myclass {
 font-weight: normal; /* 400 */
}

.myOtherClass {
 font-weight: 700;  /* Bold */
}

/* You can Use this List to see all the different Types */
/* Make sure you have the Font Files Downloaded and Embedded */

Example 6: css "fontweight" "font-weight" "fontWeight"

If one does not work try another: css "fontweight" "font-weight" "fontWeight"