Property Description
The font-size-adjust property sets the aspect ratio for the font. The aspect ratio is equal to the x-height of a font divided by the font size.
This property has the following syntax:
font-size-adjust: none|ratio|initial|inherit;
The purpose of this property is to maintain the readability of text when font fallback occurs. This is achieved by adjusting the font-size so that the x-height is the same regardless of the font used.
Property Values
Value | Description |
---|---|
none | (default) Do not preserve the current specified font's x-height if the font is not available. |
ratio | Sets the aspect ratio for the font |
initial | Specifies that the value of the property should be set to the default value |
inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example sets the font aspect ratio for all h1
elements.
h1 {
font-size-adjust:0.60;
}
Browser Support
Chrome | Firefox | IE | Safari | Opera |
---|---|---|---|---|
3.0 |
Miscellaneous Information
Inherited: | Yes |
---|---|
Defined In: | CSS3 |
Default Value: | none |