font-optical-sizing | CSS CSS Properties

For variable fonts, this property automatically adjusts the shape of letters to be more readable at small sizes or more elegant at large sizes.

Quick example

.small-text {
  /* Automatically optimizes the font for small sizes */
  font-optical-sizing: auto;
  font-size: 10px;
}

Initial value

auto

Inherited

Yes

Applies to

all elements and text

Animation type

discrete

autonone

Widely available Since 2020 95% global usage

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

Safe to use without fallbacks.

79+

62+

13.1+

17+