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.
Golden Ratio Typography Calculator
Discover the perfect typography for your website by entering your current font size and content width.
Type-a-file Gives Your Web Typography a Head Start.
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.
CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.
Web fonts are here, sparking an exciting new era in web design. Ffffallback makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully.
Web Font Specimen
Web Font Specimen is a handy, free resource web designers and type designers can use to see how typefaces will look on the web.
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
Try Web FontFonts on any website.
Gridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.
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.