Для того, чтобы сделать шрифт тоньше в CSS, можно использовать свойство font-weight с меньшим значением, чем 400 (обычный шрифт).

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

p {
  font-weight: 200;
}

Также можно использовать значение lighter в свойстве font-weight, чтобы уменьшить жирность шрифта на один уровень:

h1 {
  font-weight: lighter;
}

Если у вашего шрифта нет тонких вариантов, можно использовать CSS свойство font-stretch, чтобы растянуть шрифт по горизонтали и создать иллюзию более тонкого шрифта:

h2 {
  font-stretch: ultra-condensed;
}

В этом примере мы установили значение ultra-condensed для свойства font-stretch, чтобы растянуть шрифт по горизонтали и создать иллюзию более тонкого шрифта. Вы можете использовать другие значения для font-stretch, такие как extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded, чтобы достичь желаемого эффекта.

Наконец, если вы используете Google Fonts, многие шрифты предлагают различные варианты жирности, включая более тонкие варианты. Вы можете выбрать такой вариант, чтобы добиться нужного эффекта:

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; /* тонкий вариант шрифта Open Sans */
}