Font aspect value

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.

ValuesDescription
normal
<number>
inheritinherited 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
  1. 0.33
  2. 0.55
  3. 0.99
    Verdana Fonts
  • 0.33
  • 0.55
  • 0.99
Related Tutorial
1. Fonts
8. Font
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 # # # # #