Typography is and has always been one of the most important elements of design specially with “Graphic Design” but when it comes to web designing, the lack of choices always let down the typography side on any website. Instead of being this magical element that can bring a whole new aspect to a design, for a lot of years typography was just there; simple, plain and not to be admired, just good enough to go by.

To help you improve the typography in your designs, we’re presenting here 11 useful new tools related to typography.

Scale & Rhythm

It is a free web service that helps you check typographic scale and rhythm. The webpage is both an essay and a testing tool. In the center pane you will find descriptive paragraphs on scale and rhythm in terms of typography.

Type-a-file

The Web Font Combinator

This tool was created in order to preview web font combinations. There have been various printed collections of font examples that the reader can combine in order to see how a header and body font work together. However, there were no tools on the web that replicated this behavior that also used current web font technologies.

FontFonter

Gridlover

Grid

This is a little tool created for our Analog holding page. It inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. To see it in action, hit G on your keyboard.