Style fontSizeAdjust Property

❮ Previous ❮ Style Object Reference Next ❯

Example

Adjust font size:

document.getElementById("demo").style.fontSizeAdjust = "0.58";

Description

The fontSizeAdjust property sets or returns the font aspect value of a text.

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

The fontSizeAdjust property gives you better control of the font size when the first-choice 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 this property.

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

Browser Support

Property
fontSizeAdjust	Not supported	Not supported	Yes	Not supported	Not supported

Syntax

Return the fontSizeAdjust property:

object.style.fontSizeAdjust

Set the fontSizeAdjust property:

object.style.fontSizeAdjust = "none|number|initial|inherit"

Value	Description
none	Default value. No font size adjustment
number	Preserve the first-choice font's x-height, and calculate the aspect value ratio for the font. The formula that is used: font-size of first-choice font(aspect value of first-choice font/aspect value of available font)=font-size to use on available font Example: If 14px Verdana (aspect value of 0.58) was unavailable, but the available font, Times New Roman, has an aspect value of 0.46, the adjusted font-size to use would be 14(0.58/0.46) = 17.65px.
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Technical Details

Default Value:	none
Return Value:	A String, representing the font aspect value of a text
CSS Version	CSS3

CSS tutorial: CSS Font

CSS reference: font-size property

HTML DOM reference: font property