| Inherited | Initial | Version |
|---|---|---|
| Yes | normal |
CSS1, 2 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
Syntax
Description
This property sets the font weight that’s applied to the text content of an element.
Note that
many common computer fonts are only available in a limited number of
weights (often, the only options are normal and
bold).
Example
This style rule makes emphasized elements display with a bolder weight than that of their parent elements:
em {
font-weight: bolder;
}Value
The numeric values
100–900 specify font weights
where each number represents a weight equal to or darker than its
predecessor. 400 is considered the “normal” weight.
If the specified font isn’t available in the specified weight, the font
weight will be mapped to a suitable existing value.
The following keywords can also be used for this property:
bold- is a synonym for
700 bolder- selects a font weight that’s darker than that inherited from the parent element
lighter- selects a font weight that’s lighter than that inherited from the parent element
normal- is a synonym for
400
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full |
Internet Explorer for Windows versions up to and
including 7 don’t support the value inherit.
User-contributed notes
- ID:
- #1
- Date:
- Thu, 13 Nov 2008 14:44:43 GMT
I would argue that none of the browsers listed support font-weight to a 'full' standard, as none support the numerical scale. Currently only Firefox 3 and Webkit nightlies support numbers as values of font-weight. For more information see http://blog.gesteves.com/post/36097597/helvetica-neue-light
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.