Свойство font-weight
Задает начертание (толщину / вес) шрифта
font-weight: bold;
Пошаговый план! Как быстро научиться создавать сайты!
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все
Значения
font-weight: normal;
Обычное начертание шрифта
<style>
.example-1 {
font-weight: normal;
}
</style>
<h2 class="example-1">Обычный заголовок</h2>
Обычный заголовок
font-weight: bold;
Полужирное начертание шрифта
<style>
.example-2 {
font-weight: bold;
}
</style>
<h2 class="example-2">Обычный заголовок</h2>
Обычный заголовок
font-weight: lighter;
Делает шрифт тоньше, чем у родительского элемента
<style>
.example-3 {
font-weight: lighter;
}
</style>
<h2 class="example-3">Обычный заголовок</h2>
Обычный заголовок
font-weight: bolder;
Делает шрифт толще, чем у родительского элемента
<style>
.example-4 {
font-weight: bolder;
}
</style>
<h2 class="example-4">Обычный заголовок</h2>
Обычный заголовок
font-weight: 600;
Цифровые значения насыщенности шрифта. Возможные варианты:
100 Thin
200 Extra Light
300 Light
400 Normal
500 Medium
600 Semi Bold
700 Bold
800 Extra Bold
900 Ultra Bold