font-variant

Базовый уровень Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с ⁨июля 2015⁩ года.

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

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

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

Примеры

Управление вариантами шрифта SVG

<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, уровень 4> # font-variant-prop>
Масштабируемая векторная графика (SVG) 2> # FontVariantProperty>

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

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

См. также

Свойство CSS font-variant

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