I'm aware that different Operating systems render fonts using different algorithms. In general, Windows uses ClearType, Apples use AAT and GNU/Linux uses Freetype. This means text doesn't always look the same. The large font serif typefaces suffer the most. For example, Georgia size: 50px.
My Question: If you really want a font to look its' best on a website, is there a solution other than taking a screenshot of the text and using the image instead of the text?
- Example 1: http://www.timofejew.ca/ looks gorgeous on my Ubuntu machine (FF3.0) - not so much on a Vista machine (IE8 && FF3.0).
- Example 2 : I really like the typography used on http://www.getfinch.com/work/ - but the logo is a background image. Because, if you tried doing it using HTML/CSS it'd look awful in Windows.
You could use SIFR:
Which is 'like' using an image in place of text, but craftier!
There's also a matter of the quality of the font you use. Some fonts render well, no matter the OS/browser. Some, such as expensive font knockoffs look like garbage(I suggest you use neither the knockoff or the original simply because it most likely won't be on the user's machine).
I use Georgia at a large size for h1 headers and it looks great to me. It's actually used a lot on the web for main titles.
For the record - a few weeks after asking this question I found out that the screen resolution of the Windows machine I was testing on was much lower than the Ubuntu machine I was testing on.
Windows: 1280x720 Ubuntu: 1440x900
It goes a long way in explaining the different in font rending quality I was observing. I should have compared like-with-like. However, I still maintain that Windows doesn't render as nice as OSX or Ubuntu.