How to fix ugly, fat font rendering in Safari 4

Safari 4 got better font-rendering than the previous Safari 3 but it still annoys me especially when it comes to Georgia. Look at the screenshot below. It’s still ugly and fat. Don’t you think so?

The famous “text-shadow Safari hack” now seems to make it worse in Safari 4, so what to do now?
Rogie King - Komodomedia has found a neat solution using RGBA, followed by Sam Brown, who presented a bulletproof solution.

text-shadow: rgba(0,0,0,.01) 0 0 1px;

Look at the result below. It works like a charm. Brilliant.

but wait, how do we fix in Firefox 3.6? If anybody knows about it, please leave a comment, I would appreciate it!

Published by

Takashi Irie

WordPress Theme Wrangler at Automattic. A father, husband, designer, and house music lover.

3 thoughts on “How to fix ugly, fat font rendering in Safari 4”

  1. I didn’t think it would be possible to thin the font out like that. Looks mush better.