Свойство font-weight определяет насыщенность шрифта.
Это свойство применимо ко всем элементам.
Значение свойства font-weight
Насыщенность шрифта можно задать двумя способами:
С помощью ключевых слов:
- normal – нормальный шрифт,
- bold - полужирный шрифт,
- bolder - жирный шрифт,
- lighter – светлый шрифт.
В условных единицах:
от 100 до 900 с шагом 100. При этом нормальная насыщенность шрифта соответствует 400,
- inherit - принимает значение свойства родительского элемента.
- normal или 400
<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>
Нормальный шрифт.
Полужирный шрифт.
Светлый шрифт.
Сверхсветлый шрифт.
Сверхжирный шрифт.
Как видите, светлый, сверхсветлый и нормальный шрифты заметно не отличимы. Впрочем также как полужирный и сверхжирный (а значит и жирный) шрифты. Поэтому в основном пользуются нормальным и жирным шрифтами.
