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
X	X	?	?	?	X
Tablets / Mobile
54	?	4	?	X	6.0