Latest

recent

CSS font-size-adjust Property

Definition

The ratio between the height of the font's lowercase letter "x" and the height of the "font-size" is called a font's aspect value. If the aspect value is high, the font will be legible when it is set to a smaller size. For example: Verdana has an aspect value of 0.58 (means that when font size is 100 px, its x-height is 58 px). Times New Roman has an aspect value of 0.46. This means that Verdana is more legible at smaller sizes than Times New Roman.
The font-size-adjust property specifies an aspect value for an element that will preserve the x-height of the first-choice font.
Inherited: Yes

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.fontSizeAdjust="0.70"

Example

h2
{
font-size-adjust: 0.58
}

Possible Values

Value Description
none Default. Do not preserve the font's x-height if the font is unavailable
number Defines the aspect value ratio for the font The formula to use:
font-size of first-choice font*(font-size-adjust/aspect value of available font) = font-size to apply to available font
Example:
If 14px Verdana (aspect value of 0.58) was unavailable, but an available font had an aspect value of 0.46, the font-size of the substitute would be 14 * (0.58/0.46) = 17.65px

Goto CSS3 and CSS2 complete reference
CSS font-size-adjust Property Reviewed by 1000sourcecodes on 21:54 Rating: 5
Powered by Blogger.