Не совпадает насыщенность (weight) шрифта в браузере. В чём может быть дело?

Question

[Grione]

Довольно часто при вёрстке у меня не совпадает насыщенность. Смотрю в макет, там например font-weight: 500. Прописываю в css, но визуально в браузере он менее насыщенный, и приходится увеличивать до 700. Почему так происходит?

Шрифты подключаю через @font-face в scss. Потом компилирую. Шрифты .eot, .woff, .ttf форматов.
Вот сейчас такая фигня с шрифтом Gotham Pro.

Answer 1

[Юпитер Макс]

как правило компиляторы глючат, поищите другой вариант шрифта

Comments

[Grione]

Шрифт брал на известном, вроде как надёжном сайте. webfonts.pro

[Юпитер Макс]

Grione, сам шрифт-то понято, проблема в компиляторе

[Grione]

Компилятор scss в css? Компилирую в vs code с помощью дополнения к нему, до этого пользовался koala и npm, та же фигня была.

[leni_m]

у меня вообще только два варианта отображает: 100-500 и 600-900, у кого-то разве больше? поделитесь как вы этого добились.

Answer 2

[McBernar]

Разный рендер браузера и редактора. Гуглите aliasing в браузере.