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 |
