CSS font-size-adjust Property

Description

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 value
none
Applies to
All elements
Inherited
Yes
Media
Visual
Computed value
As specified
Animatable
Yes
CSS Version
CSS2, CSS3
JavaScript syntax
object.style.fontSizeAdjust

Syntax

Formal syntax: none | <number> 

font-size-adjust: none;
font-size-adjust: 0.5;

Values

  • 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.

Example

.class {
   font-size-adjust: 0.5;
}

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
XX???X
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
54?4?X6.0