# Property Description

The font-weight property sets how thick or thin the characters in text should be displayed.

# Property Values

Value | Description
--- | ---
normal | (default) Sets normal characters
bold | Sets thick characters
bolder | Sets thicker characters
lighter | Sets lighter characters
100 200 300 400 500 600 700 800 900 | Sets from thin to thick characters. 400 is the same as normal, and 700 is the same as bold

# Examples

This example sets different font weight for two paragraphs.

    p.normal {font-weight:normal}
    p.thick {font-weight:bold}

This example shows the results of setting the various font-weight values:

    font-weight:normal

    font-weight:bold

    font-weight:bolder

    font-weight:lighter

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | Yes
Defined In: | CSS1