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!
This works better:
body { -webkit-text-stroke: 1px transparent; }
I didn’t think it would be possible to thin the font out like that. Looks mush better.
I can’t belive it. thanks for sharing it.