Атрибут размера шрифта SVG

Опубликовано: 25 Февраля, 2022

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

Синтаксис:

 font-size = "размер"

Значения атрибутов:

  • length: длина, на которой мы хотим установить размер.
  • процент: процент, в котором мы хотим установить размер.

Мы будем использовать атрибут размера шрифта для установки размера шрифта.

Пример 1

Выход:

Example 2: 

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 600 100" 
        xmlns="http://www.w3.org/2000/svg">
          
        <text x="10" y="50" 
            font-size="60%">
            smaller
        </text>
          
        <text x="10" y="30" 
            font-size="240%">
            larger
        </text>
    </svg>
</body>
  
</html>

Выход: