Why is the text displayed incorrectly?

Question

css

You need to do this:

I did everything exactly with the layout data, it turned out like this:

Absolutely everything is exactly like in the layout: font, its size, indents, container width, icon size.
I tried to make it through letter-spacing: -1px, but in the end it turns out to be too bold.
In general, WTF?

Answer 1

1. the font is clearly different
2. if you declared a font in css, this does not mean that it works
3. if the font is called the same, this does not mean that it is identical.
4. Web fonts often differ from their desktop forefathers
5. Rendering of non-standard fonts in each browser can be different. Especially if the font-weight is set to one that is not present in the web font. Read here https://css-tricks.com/almanac/properties/t/text-r...
it might help