The other day I stumbled upon 50 Essential Web Typography Tutorials, Tips, Guides and Best Practices, an article on Speckyboy.com. It is quite an amazing collection of best practices for web typography. There are a few tools and tips that stand out:

atfontface

Using a custom font as opposed to a system font has been a huge issue for web designers for a long time. Luckily there is sIFR and cufon, 2 methods we use to realize dynamic rendering of fonts on web sites. The latest browser generation (at least Firefox 3.5 and Safari 4) support the @font-face CSS rule which forces the font to download to the clients computer. The result is quite amazing but the results vary widely between browsers.

-

facelift

Speaking of sIFR and cufon, there appears to be more fish in that pond: FontJazz and facelift both offer custom font rendering but in very different ways. While FontJazz appears to be a cufon clone (which appears to work on many, even old browsers), facelift renders images in real time. Not sure if I am tempted to try these approaches as cufon works pretty well for us.

fontjazz

-

csstypeset

csstypeset is a nice tool that allows you to format small snippets of text using system fonts. On the left you have a WYSIWYG editing area and to the right your CSS code is generated. Bookmark!

-

em

Today everything is about em in CSS, no px anymore. Yeah, I know, how nerdy can it get. But seriously, this online tool helps you convert to em easily and thus enables you to create better stylesheets.


Subscribe to comments Comment | Trackback |
Post Tags:

1 Tweet

Comments ( 1 Comment )

4 New Web-Typography Tips & Tricks http://bit.ly/1ZtW4T

This comment was originally posted on Twitter

okreitz added these pithy words on Sep 28 09 at 8:08 am

Add a Comment



Additional comments powered by BackType


© Copyright 2009 SUPERMETRIC FINDS . Thanks for visiting!