11 Useful Tools For Web Typography

Unlimited Downloads : 300,000+ Design Assets

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

typography-tool-3

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.

Scale & Rhythm Website →

Golden Ratio Typography Calculator

typography-tool-1

Discover the perfect typography for your website by entering your current font size and content width.

Golden Ratio Typography Calculator Website →

Type-a-file

typography-tool-2

Type-a-file Gives Your Web Typography a Head Start.

Type-a-file Website →

The Web Font Combinator

typography-tool-4

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.

The Web Font Combinator Website →

Kerning.js

typography-tool-5

CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.

Kerning.js Website →

FFFFALLBACK

typography-tool-6

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.

FFFFALLBACK Website →

Web Font Specimen

typography-tool-7

Web Font Specimen is a handy, free resource web designers and type designers can use to see how typefaces will look on the web.

Web Font Specimen Website →

FitText

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.

typography-tool-8

FitText Website →

FontFonter

typography-tool-9

Try Web FontFonts on any website.

FontFonter Website →

Gridlover

typography-tool-10

Gridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.

Gridlover Website →

Grid

typography-tool-11

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.

Grid Website →


Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked