CSS3 font-size-adjust Property


Example

By specifying the font-size-adjust property, the browser will adjust the font size to be the same regardless of the font family ("verdana" has the aspect value 0.58)

div {
    font-size-adjust: 0.58;
}

Try it yourself »

Definition and Usage

The font-size-adjust property gives you better control of the font size when the first selected font is not available.

When a font is not available, the browser uses the second specified font. This could result in a big change for the font size. To prevent this, use the font-size-adjust property.

All fonts have an "aspect value" which is the size-difference between the lowercase letter "x" and the uppercase letter "X".

When the browser knows the "aspect value" for the first selected font, the browser can figure out what font-size to use when displaying text with the second choice font.

Default value: none
Inherited: yes
Animatable: yes. Read about animatable
Version: CSS3
JavaScript syntax: object.style.fontSizeAdjust="0.58" Try it


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
font-size-adjust Not supported Not supported 3.0 Not supported Not supported


Syntax

font-size-adjust: number|none|initial|inherit;

Property Values

Value Description
number Defines the aspect value to use
none Default value. No font size adjustment
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


Related Pages

HTML DOM reference: fontSizeAdjust property



Color Picker

colorpicker