Safari displays font differently from other browsers -Set specific font-family for specific browser - How to change font smoothing for Safari [closed]
The font Avenir Next is not displaying/rendering the same on Safari as it is on Google Chrome and Firefox. Is there a way to fix this or to use a separate font for my webpage on Safari? How would I go about this?
EDIT: Solved, the problem is Safari font-smoothing. See my own answer below
Safari has its own separate font-smoothing (that is, an automatic function adjusting the font to render nice and proper)from other browsers like Chrome or Firefox. In the case of discrepancies such as those I encountered, we can manually alter the automatic font-smoothing in our CSS with
In my case, font-smoothing on Safari was automatically set on antialiased, while the standard (font-smoothing used on Chrome and Firefox) was subpixel-antialiased.
-webkit-font-smoothing: subpixel-antialiased !important;
And the font now displays the same as in Chrome and other browsers.
For more on Safari font-smoothing: http://maxvoltar.com/archive/-webkit-font-smoothing