CSS свойство font-weight

❮ Назад Вперед ❯

Свойство font-weightиспользуется для установления насыщенности шрифта. Но есть некоторые шрифты, которые доступны только в нормальном или полужирном виде.

Такие распространенные шрифты, как Arial, Helvetica, Georgia и др., имеют только значения 400 и 700.

Значение по умолчанию	normal
Применяется	Ко всем элементам, а также к ::first-letter и ::first-line.
Наследуется	Да
Анимируемое	Да
Версия	CSS3
DOM синтаксис	object.style.fontWeight = "bolder";

Синтаксис

font-weight: normal | bold | bolder | lighter | number | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p.bolder {
      font-weight: bolder;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-weight</h2>
    <p class="bolder">Для этого текста использовано значение bolder.</p>
  </body>
</html>

Попробуйте сами!

Пример со всеми значениями:

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p.normal {
      font-weight: normal;
      }
      p.lighter {
      font-weight: lighter;
      }
      p.bold{
      font-weight: bold;
      }
      p.bolder {
      font-weight: bolder;
      }
      p.fweight {
      font-weight: 600;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-weight</h2>
    <p class="normal">We used normal weight here.</p>
    <p class="lighter">This is a lighter weight.</p>
    <p class="bold">We used bold weight here.</p>
    <p class="bolder">We used a bolder text here.</p>
    <p class="fweight">We set font-weight 600 here.</p>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
normal	Устанавливает обычный шрифт. Значение по умолчанию.
bold	Устанавливает полужирный шрифт.
bolder	Устанавливает жирный шрифт относительно насыщенности родителя.
lighter	Устанавливает тонкий шрифт относительно насыщенности родителя.
100 200 300 400 500 600 700 800 900	Цифровые значения устанавливают произвольную толщину шрифта. 400 - эквивалентно значению normal, 700 - эквивалентно значению bold.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.