CSS3 font-size-adjust Property
Topic: CSS3 Properties ReferencePrev|Next
Description
The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.
When the first-choice of a font-family specified by the author is unavailable font fallback occurs, that may results in bigger or smaller font size. The font-size-adjust property is a way to preserve the readability of text in such situation. It does this by adjusting the font-size so that the x-height is the same regardless of the font used.
The following table summarizes the usages context and the version history of this property.
| Default value: | none |
|---|---|
| Applies to: | All elements. It also applies to |
| Inherited: | Yes |
| Animatable: | Yes. See animatable properties. |
| Version: | New in CSS3 |
Syntax
The syntax of the property is given with:
The example below shows the font-size-adjust property in action.
Example
Try this code »p {
font-family: "DejaVu Sans", Arial, sans-serif;
font-size-adjust: 0.6;
}Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| number | Specifies the aspect value used to calculate the adjusted font size. |
none |
No font size adjustment. Choose the size of the font based only on the font-size property. This is default value. |
initial |
Sets this property to its default value. |
inherit |
If specified, the associated element takes the computed value of its parent element font-size-adjust property. |
Browser Compatibility
The font-size-adjust property is not supported in most of the browsers.
 |
Basic Support—
|
Warning: The font-size-adjust property is currently not supported by the most of the browsers. You should better avoid using this property.
Further Reading
See tutorial on: CSS Fonts, CSS Units, CSS Pseudo-elements.
Related properties and at-rules: font, font-family, font-size, font-stretch, font-style, font-variant, font-weight, @font-face.
