CSS font-size Property

Example

Set the font size for different HTML elements:

h1 {font-size:250%}
h2 {font-size:200%}
p {font-size:100%}

Try it yourself »

---

Definition and Usage

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

Default value:	medium
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.fontSize="larger"

---

Browser Support

    

The font-size property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".

---

Property Values

Value	Description	Play it
xx-small	Sets the font-size to an xx-small size	Play it »
x-small	Sets the font-size to an extra small size	Play it »
small	Sets the font-size to a small size	Play it »
medium	Sets the font-size to a medium size. This is default	Play it »
large	Sets the font-size to a large size	Play it »
x-large	Sets the font-size to an extra large size	Play it »
xx-large	Sets the font-size to an xx-large size	Play it »
smaller	Sets the font-size to a smaller size than the parent element	Play it »
larger	Sets the font-size to a larger size than the parent element	Play it »
length	Sets the font-size to a fixed size in px, cm, etc.	Play it »
%	Sets the font-size to a percent of  the parent element's font size	Play it »
inherit	Specifies that the font size should be inherited from the parent element