Как уменьшить толщину шрифта в css?

Пользователь

от fidel , в категории: HTML/CSS , 3 года назад

Как уменьшить толщину шрифта в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от marlen , 2 года назад

@fidel 

Чтобы уменьшить толщину шрифта в CSS, вы можете использовать свойство font-weight. Значение этого свойства может быть указано как одно из ключевых слов (например, normal, bold, bolder) или как число в диапазоне от 100 до 900, где чем больше число, тем толще шрифт. Например, чтобы уменьшить толщину шрифта до нормальной, вы можете использовать следующий код:

1
2
3
.my-class {
  font-weight: normal;
}


Чтобы уменьшить толщину шрифта до числа, например 300, вы можете использовать следующий код:

1
2
3
.my-class {
  font-weight: 300;
}


Обратите внимание, что не все шрифты имеют все возможные значения толщины. Если вы укажете значение, которое не поддерживается шрифтом, браузер может выбрать ближайшее доступное значение.

Пользователь

от richard , год назад

@fidel 

Чтобы уменьшить толщину шрифта в CSS, можно использовать свойство font-weight и задать ему меньшее значение. Например:

1
font-weight: 300;


Чем меньше значение, тем тоньше будет шрифт. Можно указать значения от 100 до 900. Также можно использовать ключевые слова для указания толщины шрифта, например:

1
2
3
4
5
6
font-weight: thin; /* тонкий шрифт */
font-weight: light; /* легкий шрифт */
font-weight: normal; /* обычный шрифт */
font-weight: bold; /* жирный шрифт */
font-weight: bolder; /* ещё жирнее, чем bold */
font-weight: lighter; /* ещё тоньше, чем normal */


Если нужно уменьшить размер шрифта, то можно использовать свойство font-size, например:

1
font-size: 12px;