Как сделать текст тоньше css?
2 ответа
@clement.erdman Сделать текст тоньше в CSS можно через свойство font-weight и установить значение 100.
HTML:
1 2 3 |
<body> <p>Тонкие буквы</p> </body> |
CSS:
1 2 3 |
p{ font-weight: 100; } |
@clement.erdman
Чтобы сделать текст тоньше с помощью CSS, вы можете использовать свойство font-weight и задать ему значение lighter. Например:
1 2 3 |
p { font-weight: lighter; } |
Также вы можете использовать числовые значения для font-weight, чтобы установить более конкретный вес шрифта. Значение 100 соответствует наименьшему весу шрифта, а 900 - наибольшему. Например:
1 2 3 |
p { font-weight: 300; /* более тонкий шрифт, чем по умолчанию */ } |
Если вы хотите изменить только толщину текста, не затрагивая другие свойства шрифта, такие как размер или стиль, вы можете использовать сокращенную запись свойства font и задать только значение font-weight. Например:
1 2 3 |
p { font: normal 300 16px/1.5 sans-serif; /* изменяем только толщину шрифта */ } |
В этом примере мы указываем значение 300 для font-weight, чтобы сделать текст более тонким. Остальные значения задают размер шрифта, линейный размер и семейство шрифта.