Over at the Typophile community, user ‘miha’ has created this great chart showing how various operating systems and web browsers handle the new ‘font-face’ CSS attribute.  Different systems have different methods of handling fonts, from antialiasing effects to subpixel approximations, each one has it’s own little quirks.

I made this just as a general info for those uniformed.

It is simplified, but generally speaking these are main possible paths with default settings.

X axis is market share (with some guessing).

I know a small examples of renderings could be included for better understanding, and I will post this & other refinements later.

I always thought that the Mac was supposed to be the ‘best’, but the font example shown seems a bit heavy to me.  What do you think?

via @font-face rendering | Typophile.