Why does the font become slashed in firefox and microsoft edge?

Question

css

Hello.
The problem is that the display of the font in firefox and edge becomes chopped. And he becomes chopped, because. the style of the font itself is distorted. I don’t understand what the problem is, there is a suspicion that the downloaded font is simply not of high quality, but there is no one to confirm this theory. Font-weight is 600, and if you set it to 400, then everything is displayed normally. Tell me how to fix this and smooth fonts in these browsers?
Google Chrome

Firefox and Edge

@font-face {
  font-family: 'proxima-reg';
  src: url('../fonts/proximanova-reg-webfont.eot');
  src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format("embedded-opentype"),
  url('../fonts/proximanova-reg-webfont.woff2') format("woff2"),
  url('../fonts/proximanova-reg-webfont.woff') format("woff"),
  url('../fonts/proximanova-reg-webfont.svg') format("svg");
  font-weight: normal;
  font-style: normal;
 }

Answer 1

Each combination of font-weight and font-style properties must have its own font, and you only have 1 case - normal/normal.
Browsers handle the situation when there is no font in different ways. Some do nothing, while others automatically thicken/tilt. Naturally, almost always it turns out not beautifully.

Answer 2

Google to the rescue
1 way
2 way

Answer 3

add ttf

Answer 4

Personally, I see that you have different font sizes, bring them to one and see the result.