The font-weight property specifies the weight of the font.
p {
font-weight: bold;
}
| Property | Value | Explanation |
|---|---|---|
| font-weight | bold | bold font |
| normal | normal font (default) |
The font weight can also be specified by using the following keywords or numbers.
The nine weight numbers :
[light] 100, 200, 300, 400, 500, 600, 700, 800, 900 [bold]
The default is "400".
font-weight: 100
font-weight: 900
The lighter and bolder :
lighter, bolder
font-weight: lighter
font-weight: bolder
<html> <head> <title>TAG index</title> <style type="text/css"> #example1 { font-weight: bold; } #example2 { font-weight: normal; } </style> </head> <body> <p>The font weight is <span id="example1">bold</span></p> <p><strong>The font weight is <span id="example2">normal</span></strong></p> </body> </html>
The font weight is bold
The font weight is normal