Для того чтобы сделать текст тонким в CSS нужно использовать свойство font-weight. Значение этого свойства задает жирность шрифта от 100 (тонкий) до 900 (очень жирный).
Пример:
p {
font-weight: 100; /* задаем тонкий шрифт для текста внутри тега <p> */
}
В данном примере мы задаем тонкий шрифт (font-weight: 100) для текста, который находится внутри тега <p>.
Также можно использовать более удобные значением «lighter» для задания тонкого шрифта на основе текущего веса шрифта.
Пример:
p {
font-weight: lighter; /* задаем тонкий шрифт для текста внутри тега <p> */
}
Эта запись будет находиться от текущего веса шрифта, делая его более тонким. Если же текущий вес шрифта уже присваивается свойству font-weight со значением «lighter», тогда шрифт будет еще более тонким.
Пример:
p {
font-weight: 200; /* задаем тонкий шрифт для текста внутри тега <p> */
font-weight: lighter; /* делаем шрифт еще более тонким */
}