I’ve been working more on my Mac recently, and have now twice run into an issue where font-sizes on the Mac and PC are rendering differently, even when defined with a pixel value.
For example, consider the following code:
Now, take a look at the result in Firefox on the Mac:
Now, look at the rendering from Firefox on my XP virtual machine:
There’s a 3px width difference! WHY?
An existing article on the web discussing this could be due to the 72 dpi of OS X versus the default 96 dpi of Windows XP.
It’s frustrating as I’ve never run into this developing on Windows and checking on a Mac, only Mac to PC. Odd. More updates as I investigate and attempt to get to the bottom of this…
So it appears as though it’s the anti-aliasing from Photoshop and OS X. They are rendering the fonts at a smaller aggregate width. I found another post about font rendering philosophies. Apparently, Windows does not use a linear method of scaling the fonts? Hrmph.
Looks like I’m used to Windows, and Apple’s default, proper behavior is causing issues for me in the free-for-all, proprietary non-sensical world of Windows.