Why is the Helvetica-bold font rendered differently?

Question

css

The site uses helvetica bold, but the display on windows and mac is different.
Could you please tell me what could be the reason for this and how to solve this problem?

Fonts are connected like this

@font-face {
  font-family: 'Helvetica-Bold';
  src: url("./fonts/Helvetica-Bold/Helvetica-Bold.eot");
  src: url("./fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix") format('embedded-opentype'),
    url("./fonts/Helvetica-Bold/Helvetica-Bold.woff") format('woff'),
    url("./fonts/Helvetica-Bold/Helvetica-Bold.ttf") format('truetype');
  font-style: normal;
  font-weight: normal;
}

On layout :


Display on windows :


Display on Mac


Varying text weight. Moreover, if you look at the layout in Figma from a poppy, then the font is shown with the correct boldness

Answer 1

it’s clearly not helvetica in the poppy, there are at least serifs, take a closer look, it’s worth checking the font connection