Typography: My 6 Favorite Font Tools Useful in Web Design

posted in: Design | 8


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.

Google Web Fonts

A 150+ choice of high quality open source fonts available for your design. Very easy and minimal implementation. Compatible with most browsers.
Joanna Ciolek - Font Tools

Font-Squirrel Font Kits

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.
Joanna Ciolek - Font Tools

Font Viewer

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.
Joanna Ciolek - Font Tools

WhatTheFont

With this tool by MyFonts you can figure out what font is being used in a particular file or URL. Nifty.
Joanna Ciolek - Font Tools

FontFinder

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.
Joanna Ciolek - Font Tools

Typetester

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.
Joanna Ciolek - Font Tools

I’m sure I’ve missed some other useful tools that you’ve enjoyed using – please share your favorite ones in comments below.

8 Responses

  1. New post at my place >> #Typography: My 6 Favorite #Font Tools Useful in Web #Design http://t.co/Ed93OIQ (please RT if you found it useful)

  2. My 6 Favorite Font Tools Useful in Web #Design http://t.co/E7WDyqQ #typography: My 6 Favorite Font T… http://bit.ly/kvQ3MC #typography

  3. My 6 Favorite Font Tools Useful in Web #Design http://t.co/E7WDyqQ #typography: My 6 Favorite Font T… http://bit.ly/kvQ3MC #typogra…

  4. Typography: 6 Favorite Font Tools Useful in Web Design | Joanna Ciolek http://j.mp/mesoWD

  5. Typography: My 6 Favorite Font Tools Useful in Web Design http://t.co/1DX4zou via @joannaciolek

  6. Typography: My 6 Favorite Font Tools Useful in Web Design http://bit.ly/p0v8qa

  7. Typography: My 6 Favorite Font Tools Useful in Web Design http://bit.ly/p0v8qa – @BOCOCreative

Leave a Reply