Почему неправильно отображается текст?

Question

[Дмитрий]

Нужно сделать вот так:


Сделал все в точности с данными макета, получилось вот такое:



Абсолютно всё в точности как в макете: шрифт, его размер, отступы, ширина контейнера, размер иконок.
Пробовал сделать через letter-spacing: -1px, но в итоге оно получается слишком жирно.
В общем, WTF?

Comments

[Lynn «Кофеман»]

В вёрстке и на макете явно разные шрифты.

Answer 1

[Максим Тимофеев]

1. шрифт явно разный
2. если Вы объявили в css шрифт это еще не значит, что он срабатывает
3. если шрифт называется одинаково, это не означает что он идентичен.
4. Веб шрифты часто отличаются от своих десктопных праотцов
5. Рендер не стандартного шрифта в каждом браузере может быть разным. Особенно если font-weight указан такой, который не присутствует в вебшрифте. Читать тут https://css-tricks.com/almanac/properties/t/text-r... может поможет
6. Без ссылки на Ваш WTF вряд ли что-то еще можно сказать

Comments

[Дмитрий]

Ну в макете шрифт PT Sans Bold, его я и скачал на fonts.google.com
По началу фш ругался об отсутствии шрифта, но после скачивания и установки шрифта в систему перестал – так я определил что шрифт явно тот
font-weight я указал соответствующий – 700 для bold
Шрифт вроде бы срабатывает

[Максим Тимофеев]

Дмитрий: ссылка?