«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS

Свойство font-weight определяет насыщенность шрифта.

Это свойство применимо ко всем элементам.

Значение свойства font-weight

Насыщенность шрифта можно задать двумя способами:

С помощью ключевых слов:

- normal – нормальный шрифт,

- bold - полужирный шрифт,

- bolder - жирный шрифт,

- lighter – светлый шрифт.

В условных единицах:

от 100 до 900 с шагом 100. При этом нормальная насыщенность шрифта соответствует 400,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- normal или 400

Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство font-weight </title>
</head>
<body>

<p> Нормальный шрифт. </p>
<p style="font-weight:bold"> Полужирный шрифт. </p>
<p style="font-weight:lighter"> Светлый шрифт. </p>
<p style="font-weight:100"> Сверхсветлый шрифт. </p>
<p style="font-weight:900"> Сверхжирный шрифт. </p>

</body>
</html>
Результат

Нормальный шрифт.

Полужирный шрифт.

Светлый шрифт.

Сверхсветлый шрифт.

Сверхжирный шрифт.

Как видите, светлый, сверхсветлый и нормальный шрифты заметно не отличимы. Впрочем также как полужирный и сверхжирный (а значит и жирный) шрифты. Поэтому в основном пользуются нормальным и жирным шрифтами.



Все cвойства CSS

CSS по шагам