Для того чтобы сделать текст тонким в 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; /* делаем шрифт еще более тонким */
}