1/* Valeurs avec un mot-clé */
2font-weight: normal;
3font-weight: bold;
4
5/* Valeurs relatives à l'élément parent */
6font-weight: lighter;
7font-weight: bolder;
8
9/* Valeurs numériques */
10font-weight: 1;
11font-weight: 100;
12font-weight: 100.6;
13font-weight: 123;
14font-weight: 200;
15font-weight: 300;
16font-weight: 321;
17font-weight: 400;
18font-weight: 500;
19font-weight: 600;
20font-weight: 700;
21font-weight: 800;
22font-weight: 900;
23font-weight: 1000;
24
25/* Valeurs globales */
26font-weight: inherit;
27font-weight: initial;
28font-weight: unset;
29
1we can set text bold using css property named 'font-weight'
2Syntax:
3selector{
4 font-weight: bold;
5}
1/* key word "lighter", "normal", "bold", or "bolder" */
2.normal {
3 font-weight: normal;
4}
5
6/* number between 100 and 900 */
7.heavy {
8 font-weight: 900;
9}
10
1/* Keyword values */
2font-weight: normal;
3font-weight: bold;
4
5/* Keyword values relative to the parent */
6font-weight: lighter;
7font-weight: bolder;
8
9/* Numeric keyword values */
10font-weight: 100;
11font-weight: 200;
12font-weight: 300;
13font-weight: 400; // normal
14font-weight: 500;
15font-weight: 600;
16font-weight: 700; // bold
17font-weight: 800;
18font-weight: 900;
19
20/* Global values */
21font-weight: inherit;
22font-weight: initial;
23font-weight: unset;
1/*
2
3Thin, Hairline 100
4Extra Light, Ultra Light 200
5Light 300
6Normal, Regular 400
7Medium 500
8Semi Bold, 600
9Bold 700
10Extra Bold, Ultra Bold 800
11Black, Heavy 900
12
13*/
14
15.myclass {
16 font-weight: normal; /* 400 */
17}
18
19.myOtherClass {
20 font-weight: 700; /* Bold */
21}
22
23/* You can Use this List to see all the different Types */
24/* Make sure you have the Font Files Downloaded and Embedded */
25