CSS font-size

Previous Next

Demo of the different values of the font-size property.

Click the property values below to see the result:

font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: smaller;
font-size: larger;
font-size: 10px;
font-size: 20px;
font-size: 50%;
font-size: 150%;
font-size: 1em;
font-size: 0.5em;
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!
Check out the different font-size values!

Play more with the code in our Tryit yourself editor: Try it Yourself ❯