<!DOCTYPE html>
<html>
<head>
<style>
.divVerdana {font-family: verdana;}
.divTimes {font-family: 'times new roman';}

#div1 {font-size-adjust: 0.58;}
#div2 {font-size-adjust: 0.58;}
</style>
</head>
<body>

<p><b>Note:</b> Only Firefox supports the font-size-adjust property.</p>

<p>Two divs using the same font-size-adjust property:</p>
<div id="div1" class="divVerdana">
You control the font size better with the font-size-adjust property.
</div>

<div id="div2" class="divTimes">
You control the font size better with the font-size-adjust property.
</div>

<p>The same two divs without the font-size-adjust property:</p>
<div class="divVerdana">
You control the font size better with the font-size-adjust property.
</div>

<div class="divTimes">
You control the font size better with the font-size-adjust property.
</div>

</body>
</html>