How to resolve Fonts are looking different in when compared chrome, Edge with safari browser

We can add the below styling if we have differences in font weight,size etc

 

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

 

note:

If the styling is the same as we provided but displaying differently is due to the font rendering engine and their version, respectively, there will be a slight difference in font weight and letter spacing when comparing mac – Safari with edge and Chrome

Leave a comment

Your email address will not be published. Required fields are marked *