Свойство 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

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии