The CSS Font-Size Property

Defining CSS font sizes

The CSS font-size property allows you to set the default font size in HTML documents or elements:

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

The default value is medium, which equals to 16 pixels. Descendants of the element with a CSS font size defined will inherit it unless they have their font size defined individually.

Writing font-size: CSS syntax

To set a CSS font size, follow the syntax example below:

font-size: value;

All the available property values will be defined in the following section.

Theory is great, but we recommend digging deeper!

CSS Animation Tutorial: Bring Interactivity into Your UI/UX

Jazeb Akram

5.0 (0)

Property values

Browser support

Chrome

1+

Edge

12+

Firefox

1+

IE

5.5+

Opera

7+

Safari

1+

Mobile browser support

Chrome

18+

Firefox

4+

Opera

10.1+

Safari

1+