CSS font-weight

Это свойство используется для установки толщины и жирности шрифта. Он используется для определения Насыщенности текста. Доступная Насыщенность зависит от семейства шрифтов, которое используется браузером.
Синтаксис
font-weight: normal | lighter | bolder | bold | number | inherit | initial | unset;
normal: это размер шрифта по умолчанию, числовое значение которого равно 400.
lighter: он учитывает существующий насыщенность шрифта семейства шрифтов и делает его менее Насыщеннее по сравнению с родительским элементом.
bolder: он учитывает существующую толщину шрифта семейства шрифтов и делает толщину шрифта более насыщенной по сравнению с родительским элементом.
bold: как следует из названия, он используется для определения насыщенности полужирного шрифта, а его числовое значение равно 700.
number: используется для установки веса шрифта на основе указанного числа. Его диапазон может быть от 1 до 1000.
Initial: используется для установки насыщенности шрифта на значение по умолчанию.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<style>
body {
font-family: sans-serif;
}
p.one {
font-weight: normal;
}
p.two {
font-weight: lighter;
}
p.three {
font-weight: bolder;
}
p.four {
font-weight: bold;
}
p.five {
font-weight: 1000;
}
p.six {
font-weight: initial;
}
p.seven {
font-weight: inherit;
}
p.eight {
font-weight: unset;
}
</style>
</head>
<body>
<p class="one">normal property value</p>
<p class="two">lighter property value</p>
<p class="three">bolder property value</p>
<p class="four">bold property value</p>
<p class="five">number property value</p>
<p class="six">initial property value</p>
<p class="seven">inherit property value</p>
<p class="eight">unset property value</p>
</body>
</html>

Обсуждение закрыто.