In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > font-size

font-size property

Browser support:

Specifies the font size of the text.

JavaScript page for this property: fontSize. You can find other example(s) there.

Possible values:

One of the following values:

size in non-negative length

The size of the font in length units. For the supported length units, see the length page.

size in non-negative percentage

The size is the specified percentage of the parent element's font size.

xx-small

Equivalent to a value of 1 for the size property of a font tag.

x-small

Equivalent to a value of 2 for the size property of a font tag.

small

Equivalent to a value of 3 for the size property of a font tag.

medium

Equivalent to a value of 4 for the size property of a font tag.

large

Equivalent to a value of 5 for the size property of a font tag.

x-large

Equivalent to a value of 6 for the size property of a font tag.

xx-large

Equivalent to a value of 7 for the size property of a font tag.

larger

Increase the text size by one relative unit.

smaller

Decrease the text by one relative unit.

-webkit-xxx-large

Equivalent to the 48px font-size.

inherit

Takes the value of this property from the computed style of the parent element.

Default: medium.

Example HTML code 1:

This example illustrates the use of the font-size property:

<head>
    <style>
        .font12 {
            font-size: 12px;
        }
        .font24 {
            font-size: 24px;
        }
    </style>
</head>
<body>
    <span class="font12">font-size: 12px;</span><br />
    <span class="font24">font-size: 24px;</span>
</body>