font-size

Sets the size of the font. This is one of the most fundamental properties for defining the visual scale of text on a page.

It is documented as part of the CSS Fonts specification.

/* Usage Example */
h1 {
  font-size: 3rem;
  /* 3x the base font size */
}
.small-print{
  font-size: 0.875rem;
  /* standard for smaller utility text */
}

/* Syntax */
font-size: length-percentage;
font-size: math;

/* Global values */
font-size: inherit;
font-size: initial;
font-size: revert;
font-size: revert-layer;
font-size: unset;
Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

1+
1+
1+
12+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC