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.

h1 {
  font-size: 3rem;
  /* 3x the base font size */
}

.small-print {
  font-size: 0.875rem;
  /* standard for smaller utility text */
}
Initial value
medium
Inherited
Yes
Applies to
allElementsAndText
Animation type
byComputedValueType

Values

length-percentagemath
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.

Safe to use without fallbacks.

1+
1+
1+
12+
ESC