# Property Description

The font-size property sets the size of a font.

# Property Values

Value | Description
--- | ---
xx-small | Sets the font-size to an xx-small size
x-small | Sets the font-size to an extra small size
small | Sets the font-size to a small size
medium | (default) Sets the font-size to a medium size
large | Sets the font-size to a large size
x-large | Sets the font-size to an extra large size
xx-large | Sets the font-size to an xx-large size
smaller | Sets the font-size to a smaller size than the parent element
larger | Sets the font-size to a larger size than the parent element
length | Sets the font-size to a fixed size in px, cm, etc.
% | Sets the font-size to a percent of the parent element's font size
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example sets the font sizes for several elements.

    h1 {font-size:200%;}
    h2 {font-size:150%;}
    p {font-size:12px;}

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

    xx-small

    x-small

    small

    medium

    large

    x-large

    xx-large

    smaller

    larger

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | Yes
Defined In: | CSS1