Easy Tutorial
❮ Pr Mix Blend Mode Html Css3 Pr Opacity ❯

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 |

❮ Pr Mix Blend Mode Html Css3 Pr Opacity ❯