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

Определение и использование

Свойство 'font-size-adjust' устанавливает значение aspect для элемента, чтобы поддерживать x-height предпочтительного шрифта.

Объяснение

Высота нижней кириллической буквы "x" по отношению к высоте шрифта называется aspect ratio шрифта. Когда у шрифта высокий aspect ratio, шрифт легче читается при малых размерах. Пример: Aspect ratio Verdana составляет 0.58 (这意味着, когда размер шрифта равен 100px, его x-height составляет 58px). Aspect ratio Times New Roman составляет 0.46. Это означает, что Verdana легче читается при малых размерах, чем Times New Roman.

См. также:

CSS Tutorial:Шрифты CSS

CSS Reference Manual:Свойство font в CSS

HTML DOM Reference Manual:Свойство fontSizeAdjust

Пример

Установите разные свойства font-size-adjust для различных HTML элементов:

h1
  {
  font-size-adjust:0.58;
  
p
  {
  font-size-adjust:0.60;

Попробуйте сами

CSS syntax

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

Значение свойства

Значение Описание
нет по умолчанию. Если шрифт недоступен, то не поддерживается x-height этого шрифта.
number

Определение ratios aspect values шрифта.

Используемая формула:

Размер шрифта предпочтительного шрифта * (значение font-size-adjust / aspect ratio доступного шрифта) = размер шрифта, применяемый к доступному шрифту

Пример:

Если Verdana (размер шрифта 14px, aspect ratio 0.58) недоступна, но у доступного шрифта aspect ratio 0.46, то размер заменяемого шрифта будет 14 * (0.58/0.46) = 17.65px.

Технические детали

Значение по умолчанию: нет
Инерция: да
Версия: CSS2
JavaScript syntax: object.style.fontSizeAdjust="0.70"

Пример TIY

Использование font-size-adjust для установки размера шрифта
Этот пример демонстрирует, как использовать font-size-adjust для установки размера шрифта.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
не поддерживается не поддерживается 3.0 не поддерживается не поддерживается