Typography is an essential component of design, be it for the web or print. It can completely enhance the visual appearance of your design, or damage it if used inappropriately.
Many web designers love experimenting with typography; I know I do.
I also love many free typography tools & utilities available to designers and developers – tools which can be very useful and will make your life much easier.
Here are my 5 favorite font tools.
A 150+ choice of high quality open source fonts available for your design. Very easy and minimal implementation. Compatible with most browsers.
Prepackaged @font-face kits which include multiple font formats, CSS and HTML code. Simple implementation. Much more fonts to choose from (there is also an option to generate your own code for any font you wish to use). Compatible with most browsers.
Let’s you view your font collection from the browser. You can preview a selected text rendered in all the fonts installed on your computer, review and organize your collection as well. Awesome.
With this tool by MyFonts you can figure out what font is being used in a particular file or URL. Nifty.
This FireFox add-on is a really useful tool to help you determine what font is being used on a particular website. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.
The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.
I’m sure I’ve missed some other useful tools that you’ve enjoyed using – please share your favorite ones in comments below.