<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
div.a {
font-family: sans-serif;
}
div.b {
font-family: 'times new roman';
}
#box-one, #box-two {
font-size-adjust: 0.58;
}
</style>
</head>
<body>
<h2>Пример свойства font-size-adjust</h2>
<h2>Два div элемента с одинаковым свойством font-size-adjust:</h2>
<div id="box-one" class="a">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
<div id="box-two" class="b">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
<h2>Два div элемента без применения свойства font-size-adjust:</h2>
<div class="a">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
<div class="b">
CSS свойство font-size-adjust определяет, каким образом должен быть выбран размер шрифта на основе высоты строчной буквы, а не заглавной.
</div>
</body>
</html>