Style fontSizeAdjust Property

Example

Adjust font size:

document.getElementById("demo").style.fontSizeAdjust = "0.58";
Try it Yourself »

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

Related Pages

CSS tutorial: CSS Font

CSS reference: font-size property

HTML DOM reference: font property


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.