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

Designer at Automattic

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

Leave a Reply to Manya Ray Cancel 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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s