Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

font-weight

The font-weight property sets the thickness of type.

{font-weight: normal;}
{font-weight: bold;}

The accepted values are (normal, bold, lighter, bolder, 100, 200, 300, 400, 500, 600, 700, 800 and 900). Currently, Internet Explorer only supports normal and bold.

The values lighter and bolder are relative to the weight of the parent tag. They also apply within the font family.

The W3C chose numbers partly because fonts have different names to describe their weight. Depending on the font, the normal weight could be called regular, roman, book, normal or medium. Similarly, a bold weight could be called bold, heavy, demi or black. Just have a look in the fonts directory on your PC.

The value 400 is usually normal and 700 is usually bold. If a font has a face of medium and one of book, regular, roman or normal, the value 500 applies to the medium face.

The fonts available on the user's system determine how the font displays. Not every font has all nine possible display weights so if the specified weight is not available, the browser chooses an alternative. For example, 500 may be the same as 400. If a font only has a normal and a bold weight, 100 to 600 may all be normal and 700 to 900 may be bold.