<!DOCTYPE html>
<html>
<head>
<style>
div.a {font-family: verdana;}div.b {font-family: 'times new roman';}#div1, #div2 {font-size-adjust: 0.58;}</style>
</head>
<body>
<h1>The font-size-adjust Property</h1>
<p><b>Note:</b> Only Firefox supports the font-size-adjust property.</p>
<h2>Two divs with the same font-size-adjust property:</h2>
<div id="div1" class="a">
You control the font size better with the font-size-adjust property.
</div>
<div id="div2" class="b">
You control the font size better with the font-size-adjust property.
</div>
<h2>Two divs without the font-size-adjust property:</h2>
<div class="a">
You control the font size better with the font-size-adjust property.
</div>
<div class="b">
You control the font size better with the font-size-adjust property.
</div>
</body>
</html>