CSS font-size-adjust

The font-size-adjust property in CSS allows you to specify an aspect value for an element's font size. This property is used to preserve the x-height of a font when the font family changes. This means that if a web font is unavailable, the browser will attempt to select a similar font that has the same x-height as the original font.

The font-size-adjust property takes a number as its value, which is a aspect ratio that is used to adjust the size of the font. The default value is none, which means that no adjustment will be made to the font size.

Result:


    .example {
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-size-adjust: 0.5;
    }

This is an example text with font-size-adjust set to 0.5.

In the example above, the font-size-adjust property is set to 0.5, which means that the font size is adjusted by 50% to preserve the x-height of the font.

It's important to note that not all browsers support the font-size-adjust property, so it's always a good idea to provide fallback fonts in case the preferred font is not available.