The font-size-adjust property adjusts the font-size of the fallback fonts defined with font-family, so that the x-height is the same no matter what font is used. This preserves the readability of the text when fallback happens.

  • Initial valuenone
  • Applies toAll elements
  • InheritedYes
  • MediaVisual
  • Computed valueAs specified
  • AnimatableYes
  • CSS VersionCSS2, CSS3
  • JavaScript
Formal syntax: none | <number> 

font-size-adjust: none;
font-size-adjust: 0.5;
  • noneChoose the size of the font based only on the font-size property.
  • <number>Choose the size of the font so that its lowercase letters (as determined by the x-height metric of the font) are the specified number times the font-size.
.class {
   font-size-adjust: 0.5;

Click the button below to experiment with this property.

Give it a Try!


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.