Spec-Zone.ru › SVG

font-size

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

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

  • Подробнее
  • Полная таблица совместимости
  • Отправить отзыв

Атрибут font-size задаёт размер шрифта от базовой линии до базовой линии, когда несколько строк текста располагаются вплотную друг к другу в многострочном макете.

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

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

  • <text>
  • <textPath>
  • <tspan>

Примеры

>

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

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <text y="25" font-size="smaller">smaller</text>
  <text x="100" y="25" font-size="2em">2em</text>
</svg>

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

Значение <absolute-size> | <relative-size> | <length-percentage>
Значение по умолчанию medium
Анимируемое Да

Описание значений см. в документации по свойству CSS font-size.

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

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

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

Настольные компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari на iOS Samsung Internet WebView для Android WebView на iOS
font-size 1 12 1 7 1 18 4 10.1 1 1.0 4.4 1

См. также

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

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API