Montserrat 400 Normal not displaying correctly in FF, Edge, IE

[lgriffen]

I am experiencing Montserrat 400 Normal not displaying at the correct weight when viewed in Firefox, Edge, and Internet Explorer. It looks great in Chrome. In the other browsers, 400 looks heavy – even heavier than 500 Medium. Is this happening with anyone else? Any recommendations on how to fix it?

Here is the Read-only link

Here is a screen capture comparison between the four browsers:

[Nita (Sónia Alves)]

Hi there!

Browsers can render fonts slightly differently since each browser has its own font rendering engine. While in most fonts these variations are almost imperceptible on others the differences can be more evident.

My suggestion would be to use a font smoothing method - here is an article that hopefully will be helpful: http://maxvoltar.com/archive/-webkit-font-smoothing

Also, you might also take a look at these useful resources:
https://stackoverflow.com/questions/42619820/google-font-montserrat-in-chrome-no-rendering-light-font-weight

https://bugs.chromium.org/p/chromium/issues/detail?id=435721&q=font-weight&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified

Hope this helps

[lgriffen]

Thanks @Nita. I tried those suggestions but it didn’t make a difference.