CSS свойство font-size-adjust

Свойство font-size-adjust контролирует размер шрифта, когда первый выбранный шрифт не доступен. Когда первый выбранный шрифт не доступен, браузер использует второй заданный шрифт. Таким образом, размер шрифта может быть изменен. Свойство font-size-adjust контролирует все эти процессы.

Все шрифты имеют “аспект шрифта”, что равно разнице между строчной буквой и заглавной буквой.

Значение по умолчанию none
Применяется Ко всем элементам, а также к ::first-letter и ::first-line.
Наследуется Да
Анимируемое Да
Версия CSS3
DOM синтаксис object.style.fontSizeAdjust = "0.5";

Синтаксис

font-size-adjust: number | none | initial | inherit;

Пример

<!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>

Значения

Значение Описание
none Нет регулировки размера шрифта. Значение по умолчанию.
number Определяет аспект шрифта.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome edge firefox safari opera
3.0+

Практикуйте свои знания

What is the purpose of the 'font-size-adjust' property in CSS?
Считаете ли это полезным?