Why are photoshop and browser (Montserrat) fonts different?

Question

css

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

Answer 1

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.

Answer 2

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