<!DOCTYPE html>

	<title>The font-size-adjust property in CSS</title>
	<style type="text/css">
		.times {
		  font-family: Times, serif;
		  font-size: 10px;
		.verdana {
		  font-family: Verdana, sans-serif;
		  font-size: 10px;
		.adjtimes {
		  font-family: Times, serif;
		  font-size-adjust: none;
		  font-size: 10px;

	<p class="times">This text uses the Times font (10px), which is hard to read in small sizes.</p>
	<p class="verdana">This text uses the Verdana font (10px), which has relatively large lowercase letters.</p>
	<p class="adjtimes">This is the 10px Times, but now adjusted to the same aspect ratio as the Verdana.</p>