Как сделать шрифт тонким?

Question

[Zac Rider]

Скачал шрифт, который выглядит таким образом

но при этом когда его импортирую в код, то он становится таким

то есть нет завитушек и так далее, выглядит не так красиво
при этом в коде это выглядит так
@font-face {
font-family: "KyivTypeSans";
src: url("KyivTypeSans2.ttf");
}

.text { font-family: "KyivTypeSans", sans-serif;
}

Comments

[Ankhena]

Либо ваш шрифт вообще не поддерживает кириллицу либо неверный путь к нему.

p.s. современный формат шрифтов это woff2 и для предыдущего поколения woff.

[Антон]

а url до шрифта вообще верный?
src: url("KyivTypeSans2.ttf");

[Zac Rider]

Антон, ну я скачал себе этот шрифт и засунул в папку с кодом

[Zac Rider]

Ankhena, ну просто различие между обычным шрифтом и этим есть, но он не делается тонким на сайте, зато когда открываешь шрифт, то там он тонкий почему-то

[Ankhena]

Zac Rider, это не отменяет того, что я написала.
Открывайте консоль, смотрите ошибки.

Напишите рядом фразу латиницей

[Zac Rider]

Ankhena, написал, текст также не стал тоньше
на сайте , где качал шрифт нашел особенность - так называемый контраст, который можно выкручивать на сайте. По сути получается так, что у меня на странице шрифт получается contrast:0, но если выкрутить его на 1000, то будет желаемый результат. + когда качаешь шрифт, то он показывается, опять же, как на первом скирне

[Zac Rider]

Ankhena, к тому же как он не поддерживает кириллицу, если на первом скрине все поддерживается

[Ankhena]

Zac Rider, если он вариативный, то гуглите про них.

И добавляйте что-нибудь типа font-variation-settings: 'wght' 1000, 'CONT' 1000

Answer 1

[Ankhena]

Добавляйте что-нибудь типа font-variation-settings: 'wght' 1000, 'CONT' 1000

Comments

[Zac Rider]

Это сработало, однако может быть вы знаете, что делать в этой ситуации?

она сузилась только с одной стороны, когда нужно было, чтобы только центр буквы сузился

[Ankhena]

Zac Rider, вероятнее всего, перерисовать шрифт, чтобы "тонкие линии" были там, где вам хочется.
https://fonts-online.ru/fonts/kyiv-type-sans/testing

[Zac Rider]

Ankhena, там есть еще свойство midline, его как-то вызывать можно в коде?

[Ankhena]

Zac Rider, откройте инструменты разработчика и посмотрите, если лень гуглить