Почему различаются шрифты photoshop и браузера(Montserrat)?

Question

[eugene112]

Шрифт в браузерах(Opera, Google Chrome) кардинально отличается от шрифта photoshop, уже всё перепробовал и никак не могу решить эту проблему, все пруфы на скринах в спойлере, помогите пожалуйста разобраться. Если будет необходимо могу приложить размеры символов, но различия видны и невооруженным глазом.

Скриншоты

Comments

[Ankhena]

Перейдите на вкладку Computed и промотайте в самый низ. Что написано?

[eugene112]

Ankhena,

spoiler

UPD. Установил данный шрифт и ввёл те же символы в photoshop с заданными характеристиками и символы различались(!)

[Ankhena]

eugene112,
Можно установить локально тот же шрифт (из тех же файлов), который используете на сайте.
Можно наоборот, на сайте указать только локальный.
Больше всего похоже на несовпадение версий шрифта. Такое бывает.

Answer 1

[dom1n1k]

Шрифт Montserrat не так давно обновлялся, и они там поменяли шкалу жирности. В репозитории на эту тему даже небольшой срач был:
https://github.com/JulietaUla/Montserrat/issues/63
Очень возможно, что шрифт в системе и веб-версия разных версий и действительно отличаются.

Answer 2

[eugene112]

UDP v.2 Если у кого-то возникла такая же проблема, то я решил её путём смены версии шрифта на https://github.com/JulietaUla/Montserrat/releases/... , если у вас другая версия нежели в моем случае, можете искать её здесь https://github.com/JulietaUla/Montserrat/tags

Answer 3

[Антон Гук]

Разные алгоритмы рендеринга шрифтов у браузера и Ps. Варианты решения проблемы:
1. Тестить шрифты в браузерных сервисах.
2. Работать сразу в figma, поскольку сегодня Фотошоп уже не актуален как инструмент разработки UI