Свойство font-weight в CSS

толщина шрифта

Устанавливает толщину начертания/насыщенность шрифта (тонкий, жирный и др.).

Примеры

font-weight: bold;
font-weight: 300;
font-weight: 600;
font-weight: lighter;
font-weight: bolder;

Значения

Значение Описание
normal По умолчанию. Нормальное начертание, аналог 400.
bold Полужирное начертание, аналог 700.
bolder Жирнее, чем родительский элемент.
lighter Тоньше, чем родительский элемент.
100, 200, 300,
400, 500, 600,
700, 800, 900
Значение насыщенности. Если шрифт поддерживает различные параметры насыщенности.
inherit Наследует значение родительского блока.
initial Устанавливает значение по умолчанию.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
font-weight
2
12
1
3
3.5
1
18
4
10.1
1
1.0
1
числа 100,200,300 и др.
62
17
61
нет
49
11
62
61
46
11
8.0
62
Поддерживается: Да Нет
Получай полезные материалы удобным способом!
Добавить комментарий