Instantly Improve Your Site’s Type

No Responses since January 17, 2008

Font-face looking a little heavy? A little less-crisp than you’d like? Wondering why some of those sites you saw yesterday looked so damned good? Then again, maybe you’re like me and want to instantly make every site you visit in Safari look better.

If you use Safari, simply add a line to your CSS to apply a text shadow on your fonts. No other browser picks it up because they don’t support text-shadow, but it degrades nicely in that regard.

In my case, however, I want to remove all text shadows, not apply them. Either way, you’ll end up with crisper looking text in Safari. Here’s that magical one-line:

  1. body {
  2. text-shadow: 0 0 0 #000;
  3. }

It really makes the difference in font smoothing, and gives each font-face and font-weight their proper visual presence. Compare it side-by-side with your original in Safari, as well as with Firefox and IE6/7. You’ll see the difference.

(To apply custom CSS to any site in Safari, you’ll have to install the Safari Stand plugin.)

Leave a Reply