Mac vs. Windows Browser Font Height Rendering Issue

Question

I\'m using a custom font and the @font-face tag. In Windows, everything looks great, regardless of whether it\'s Firefox, Chrome, or IE.

On Mac, it\'s a different story

Answer 1

Actually Windows is the culprit. Windows ClearType font renderer actually hammers the font's shape into pixel boundaries to make it "clearer" whereas Mac OS doesn't touch the shape of the font (which I very much prefer). This often leads to "taller" or "thinner" glyphs on screen, whereas on Mac OS you get a true representation of the font as the designer intended.

Here's an article by Jeff Atwood explaining the differences. In any case, you're not going to be able to get around it.

http://www.codinghorror.com/blog/2007/06/font-rendering-respecting-the-pixel-grid.html