CSS3 font-size-adjust
Property
Example
By specifying the font-size-adjust
property, the browser will adjust the font size regardless of the font family ("SimSun" with an aspect value of 0.58):
Browser Support
Currently, only Firefox supports the font-size-adjust
property.
Property Definition and Usage
The font-size-adjust
property allows you to better control font size when the first-choice font is not available.
When a font is not available, the browser uses the second specified font. This may result in a change in font size. To prevent this, the font-size-adjust
property is used.
All fonts can have an "aspect value," which is the difference in size between the lowercase letter "x" and the uppercase letter "X."
When the browser knows the "aspect value" of the first-choice font, it can determine what font size to use for the second-choice font to display the text.
Default value: | none |
---|---|
Inherited: | yes |
--- | --- |
Version: | CSS3 |
--- | --- |
JavaScript syntax: | object.style.fontSizeAdjust="0.58" |
--- | --- |
Syntax
Value | Description |
---|---|
number | Defines the aspect value ratio of the font. |
The formula that can be used: Preferred font size * (font-size-adjust value / available font's aspect value) = Font size to be applied to the available font Example: If 14px Verdana (with an aspect value of 0.58) is not available, but an available font has an aspect value of 0.46, then the size of the alternative font will be 14 * (0.58/0.46) = 17.65px. | | none | Default. If this font is not available, the x-height of this font is not maintained. | | inherit | Inherits the font size adjustment property from the parent element |