font-size-adjust

Базовая линия 2024

Новое

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

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

Примечание: В качестве атрибута представления font-size-adjust можно использовать как свойство CSS. Подробнее см. свойство CSS font-size-adjust.

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

Пример

html

<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 Fonts Module Level 4 # font-size-adjust-prop

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`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 40, `font-size-adjust: 0` неправильно интерпретировалось как `font-size-adjust: none` (ошибка 1144885).	Нет	16.4	Нет	127

См. также

font-size-adjust

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