“Good typography is not only imperative for aesthetic appeal, but also improves site usability when text legibility and readability concepts are applied.”
“Technical typography is like type theory … rules that always hold, are proven to work and are independent of design.”
jQuery / CSS Tools
- Lettering.js — gives you complete down-to-the-letter control of your type
- Hyphenator.js — automatically hyphenates texts on websites if either the webdeveloper has included the script on the website or you use it as a bookmarklet on any site.
Free Font Sources
Google Font Directory is a collection of fonts that are housed online. This allows you to simply insert the code into your stylesheet and use the font in your design. Nettuts+ has written an article that helps explain the process better.
Fontex is similar to Font Squirrel. The main difference is that Font Squirrel’s fonts are commercial-grade, meaning that they have all the characters necessary for a normal font and they also can be downloaded in a kit for @fontface. Fontex has an extensive font selection, but some may have restrictions on usage.
Premium Font Resources
Typekit is touted as the definitive source for web fonts to use in web designs. It ranges from $24.99 to $99.99 a year to lease fonts for a certain number of websites. There is also a free option for personal use, but it is very limited, so if you’re looking for some serious font power, it isn’t really worth it. Also, from a purely aesthetic viewpoint, I like their color palette.