CSS font-weight Property
The font-weight CSS property is used to specify the weight or thickness of the font used with the HTML Text. The font-weight used will be determined by the font-family and browser. Some font families, for example, are only available in certain weights.
Syntax
Property Values
| Value | Description |
|---|---|
| normal | Characters that are normal. This is the default setting. |
| bold | Characters with thick skin. |
| bolder | Characters with a thicker personality. |
| lighter | Characterizes lighter characters. |
|
100
200 300 400 500 600 700 800 900 |
Defines characters ranging from thin to thick. 400 is equivalent to normal, and 700 is equivalent to bold. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| font-weight | 2.0 | 1.0 | 1.3 | 4.0 | 3.5 |