How to fix the font display mismatch on the site with Apple and PC?

Question

Design

The site pulls the downloaded font. All the problem is indentation from the top and bottom. They are different on Apple and PC. Therefore, accordingly, I can not make even indents! Help!

Answer 1

This issue is not due to anti-aliasing, but due to inconsistencies in the font files converted for web. There may be many subtleties. Sometimes the height of characters or another parameter in svg is calculated differently in different browsers. Sometimes there is a height difference because browsers use different font formats (one ttf, another woff). You can't guess blindly.
The general solution is to convert the font normally. Use Fontsquirrel, turn off unnecessary formats, check the boxes in the Expert section. If it does not help, take another converter. If it does not help, find another edition of this font. If it doesn’t help, buy a ready-made web font on Myfonts. If it doesn’t help at all, slap a shift for Mac-Os.