The '
font-size-adjust' properties allows to specify the font aspect value (the ratio between the font-size value and the x-height) the browser uses to render characters. The normal values are 0.58 for Verdana and 0.46 for Times New Roman. Because of this, the Verdana fonts remain legible at small sizes.
The possible values are.
| Values | Description |
|---|
normal | |
| <number> | |
inherit | inherited from the parent |
example
font-size-adjust : normal
font-size-adjust : 0.58
snippet
<html>
<head>
<style>
ol {font-family:Arial;}
ul {font-family:Verdana;}
</style>
</head>
<body>
<ol>Times New Roman
<li style="font-size-adjust: 0.33;">0.33</li>
<li style="font-size-adjust: 0.55;">0.55</li>
<li style="font-size-adjust: 0.99;">0.99</li>
</ol>
<ul>Verdana Fonts
<li style="font-size-adjust: 0.33;">0.33</li>
<li style="font-size-adjust: 0.55;">0.55</li>
<li style="font-size-adjust: 0.99;">0.99</li>
</ul>
</body>
</html>Output
Times New Roman - 0.33
- 0.55
- 0.99
Verdana Fonts - 0.33
- 0.55
- 0.99
