How to fix ugly, fat font rendering in Safari 4

Takashi Irie — Tue, 23 Mar 2010 01:22:16 +0000

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!

Where you can get web fonts to use ‘@font-face’ in CSS3, roundup.

Takashi Irie — Sat, 27 Feb 2010 02:48:07 +0000

We, web designers have been frustrated by the lack of choices of fonts that are available for web design. The web has waited long enough. Yes, now we can use extensive selections of web fonts using @font-face property in CSS3 but wait, where can we get those web fonts? Here is the roundup.

Fonts available for @font-face embedding
(Wiki based great resource. Last updated on August 18, 2009 )
The League of Moveable Type
(A collection of good open source fonts.)
Font Squirrel | Download Hundreds of Free @font-face Fonts
(It’s one of the best resources for free high-quality commercial-use web fonts. You can even create @font-face kit with @font-face Generator.)
FDI fonts.info
M+ OUTLINE FONTS | WEB FONTS
Typekit
Typotheque
Kernest
Web FontFonts
Cape Arcona Type Foundry
exljbris Font Foundry

I’ll update when I find more places but if you know more please comment below to help to grow the list!

Takashi Irie » Typography

How to fix ugly, fat font rendering in Safari 4

Where you can get web fonts to use ‘@font-face’ in CSS3, roundup.