font-weight

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

« SVG Attribute reference home

Атрибут font-weight позволяет выбрать из шрифтового семейства начертание шрифта с указанной насыщенностью (иначе говоря, толщиной линий знаков, "жирностью") .

Как и любой атрибут представления, font-weight может быть использован в виде свойства в CSS стилях, см. CSS font-weight для подробной информации.

Контекст применения

Категории Атрибут представления
Значения normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Анимируемость Да
Нормативный документ SVG 1.1 (2nd Edition)

Значение ключевых слов

  • bold - соответствует значению 700 - полужирное начертание
  • normal - соответствует значению 400 - нормальное начертание
  • bolder и lighter указывают браузеру использовать соответственно более жирное или более тонкое начертание в сравнении с текущим значением родительского элемента. Дочерние элементы, в свою очередь, унаследуют получившееся значение.
  • inherit - даёт указание браузеру унаследовать тип начертания от родительского элемента.

Предостережения

Для многих шрифтов доступны только значения 400 и 700 - нормальное и полужирное начертания соответственно. Доступные значения могут варьироваться в зависимости от шрифта.

Пример

css

css
p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}
p.thicker {
  font-weight: 900;
}

html

html
<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>

Элементы

Следующие элементы могут использовать атрибут font-weight.

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

BCD tables only load in the browser

Смотрите также