Why are photoshop and browser (Montserrat) fonts different?

E

eugene1122018-01-27 00:27:05

css

eugene112, 2018-01-27 00:27:05

The font in browsers (Opera, Google Chrome) is radically different from the photoshop font, I have already tried everything and I can’t solve this problem in any way, all the proofs on the screenshots are in the spoiler, please help me figure it out. If necessary, I can attach the dimensions of the symbols, but the differences are visible to the naked eye.

Screenshots

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

D

dom1n1k, 2018-01-27
@eugene112

The Montserrat font was updated not so long ago, and they changed the weight scale there. There was even a small problem in the repository on this topic:
https://github.com/JulietaUla/Montserrat/issues/63
It is very possible that the font in the system and the web version of different versions really differ.

A

Anton Guk, 2018-01-28
@agent_tremolo

Different font rendering algorithms for the browser and Ps. Solutions to the problem:
1. Test fonts in browser services.
2. Work directly in figma, because today Photoshop is no longer relevant as a UI development tool