font-size-adjust

Базовая поддержка 2024

Недавно появилась

С июля ⁨июля 2024⁩ эта функция работает на последних устройствах и в последних версиях браузеров. Она может не работать на старых устройствах и в старых браузерах.

Атрибут font-size-adjust позволяет авторам указать значение пропорции для элемента, которое сохранит x-высоту первого выбранного шрифта при использовании шрифта-замены.

Примечание: У font-size-adjust как у атрибута представления есть соответствующее свойство CSS: font-size-adjust. Если указаны оба варианта, приоритет имеет свойство CSS.

Этот атрибут можно использовать со следующими элементами SVG:

Пример

<svg
  width="600"
  height="80"
  viewBox="0 0 500 80"
  xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-family="Times, serif" font-size="10px">
    This text uses the Times font (10px), which is hard to read in small sizes.
  </text>
  <text y="40" font-family="Verdana, sans-serif" font-size="10px">
    This text uses the Verdana font (10px), which has relatively large lowercase
    letters.
  </text>
  <text
    y="60"
    font-family="Times, serif"
    font-size="10px"
    font-size-adjust="0.58">
    This is the 10px Times, but now adjusted to the same aspect ratio as the
    Verdana.
  </text>
</svg>

Примечания по использованию

Значение по умолчанию	`none`
Значение	`none` \| `<number>`
Анимируемое	Да

none

Выбирать размер шрифта только на основе свойства font-size.

<number>

Выбирать размер шрифта так, чтобы высота его строчных букв (определяемая x-высотой шрифта) составляла указанное число, умноженное на значение свойства font-size.

Указанное число обычно должно соответствовать соотношению сторон (отношению x-высоты к размеру шрифта) первого выбранного font-family. Это означает, что при наличии первого выбранного шрифта в браузерах он будет выглядеть одинакового размера независимо от того, поддерживают ли они font-size-adjust.

0 приводит к появлению текста нулевой высоты (скрытого текста).

Спецификации

Спецификация
Модуль шрифтов CSS уровня 4> # font-size-adjust-prop>

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android	WebView на iOS
`font-size-adjust`	127	127	3 До Firefox 40 `font-size-adjust: 0` ошибочно интерпретировался как `font-size-adjust: none` (ошибка 1144885). 1–3 Поддерживался только в Windows.	113	16.4	127	4 До Firefox для Android 40 `font-size-adjust: 0` ошибочно интерпретировался как `font-size-adjust: none` (ошибка 1144885).	84	16.4	28.0	127	16.4

См. также

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

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/font-size-adjust