font-variant

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

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

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

Пример

html

<svg viewBox="0 0 250 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-variant="normal">Normal text</text>
  <text x="100" y="20" font-variant="small-caps">Small-caps text</text>
</svg>

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

Значение	`normal` \| `none` \| [ `<common-lig-values>` \|\| `<discretionary-lig-values>` \|\| `<historical-lig-values>` \|\| `<contextual-alt-values>` \|\| `stylistic( <feature-value-name> )` \|\| `historical-forms` \|\| `styleset( <feature-value-name># )` \|\| `character-variant( <feature-value-name># )` \|\| `swash( <feature-value-name> )` \|\| `ornaments( <feature-value-name> )` \|\| `annotation( <feature-value-name> )` \|\| [ `small-caps` \| `all-small-caps` \| `petite-caps` \| `all-petite-caps` \| `unicase` \| `titling-caps` ] \|\| `<numeric-figure-values>` \|\| `<numeric-spacing-values>` \|\| `<numeric-fraction-values>` \|\| `ordinal` \|\| `slashed-zero` \|\| `<east-asian-variant-values>` \|\| `<east-asian-width-values>` \|\| `ruby` ]
Значение по умолчанию	`normal`
Анимируемо	Да

Для описания значений см. свойство CSS font-variant.

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

Спецификация
CSS Fonts Module Level 4 # font-variant-prop

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`font-variant`	1	12	1	3.5	1	18	4	11	1	1.0	4.4

См. также

font-variant

© 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-variant