CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS3 font-size-adjust Property
Example
By specifying the font-size-adjust property, the browser will adjust the font size to be the same regardless of the font family ("verdana" has the aspect value 0.58)
div
{
font-size-adjust: 0.58;
}
{
font-size-adjust: 0.58;
}
Try it yourself »
Browser Support
The font-size-adjust is only supported in Firefox.
Definition and Usage
The font-size-adjust property gives you better control of the font size when the first selected 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 the font-size-adjust property.
All fonts have an "aspect value" which is the size-difference between the lowercase letter "x" and the uppercase letter "X".
When the browser knows the "aspect value" for the first selected font, the browser can figure out what font-size to use when displaying text with the second choice font.
| Default value: | none |
|---|---|
| Inherited: | yes |
| Version: | CSS3 |
| JavaScript syntax: | object.style.fontSizeAdjust="0.58" |
Syntax
font-size-adjust: number|none|inherit;
| Value | Description |
|---|---|
| number | Defines the aspect value to use |
| none | Default value. No font size adjustment |
| inherit | Inherits the font size adjustment from parent elements |
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
