CodeLab
Show Output
 
 
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8">
5
<title>Example of CSS Font Weight</title> 
6
</head>
7
<body>  
8
        <p style="font-weight:bold;">This font is bold.</p>   
9
        <p style="font-weight:bolder;">This font is bolder.</p>   
10
        <p style="font-weight:lighter;">This font is lighter.</p>   
11
        <p style="font-weight:100;">This font is 100 weight.</p>  
12
        <p style="font-weight:200;">This font is 200 weight.</p>   
13
        <p style="font-weight:300;">This font is 300 weight.</p>   
14
        <p style="font-weight:400;">This font is 400 weight.</p>   
15
        <p style="font-weight:500;">This font is 500 weight.</p>   
16
        <p style="font-weight:600;">This font is 600 weight.</p>   
17
        <p style="font-weight:700;">This font is 700 weight.</p>   
18
        <p style="font-weight:800;">This font is 800 weight.</p>   
19
        <p style="font-weight:900;">This font is 900 weight.</p> 
20
 </body>
21
</html>                            
 

Share this example with Facebook, Twitter