The font is not displayed correctly, different thickness, how to fix it?

Question

css

Hello!
I'm building a site and faced a problem with displaying the font, Roboto (different font thickness)
---
Font connected with google fonts
in Mozilla, the thickness is closer to the layout, but in Chrome there are big differences, please tell me how can I fix this?
--
Link to the site (bottommost block)
--
Open images in full size

Thank you!

Answer 1

Try to generate your own version of the font, play around with the parameters manually.
To do this, use the generator: https://www.fontsquirrel.com/tools/webfont-generator (expert mode)
But in general, of course, the expected effect. Different browsers render fonts differently. You can still see how it will look on the Mac, you will learn a lot of new things.