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!

Author: Takashi Irie

I'm a designer, father, husband, and house music lover living in the UK. I work as a product designer at Automattic; the people who make WordPress.com, Jetpack, and a whole bunch of cool stuff.

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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s