Sunday, October 04, 2009

14 Best Online Typography Tools for Web Designers

Buzz this

Since typography is one of the most challenging and important aspects of web design, it’s important to have useful tools that can make things easier. Here’s a list of tools that will be a big help in making your typography beautiful, and you won’t even have to leave your browser.

CSS Type Set

Typography Tools

CSS Type Set allows you to visually and interactively style text and it generates the CSS.


Typography Tools

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.


Typography Tools

Typechart lets you flip through, preview and compare web typography and then grab the CSS.


Typography Tools

WhatTheFont allows you to scan in or provide the URL of a font and it will tell you what it is.


Typography Tools

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Baseline Rhythm Calculator

Typography Tools

Baseline Rhythm Calculator generates CSS from a base font size and line height entered by the user.


Typography Tools

PXtoEM is a calculator that does conversions of pixels, em’s, points, and percentages.

Font Burner

Typography Tools

Font Burner gives you a simple block of code to put in your webpages so you can transform your headlines from boring system fonts to any of the quality fonts in their archives.


Typography Tools

TypeNavigator is the world’s first interactive visual font search system.

Font Tester

Typography Tools

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them.

Flipping Typical

Typography Tools

Flipping Typical allows you to enter text and then preview it in many different fonts at one time.


Typography Tools

Identifont lets you identify a typeface from a sample by answering a series of questions about key characteristics.

STC FontBrowser

Typography Tools

STC FontBrowser lets you preview all of the fonts active on your computer.

Convert TrueType Font to Sifr Flash File

Typography Tools

The name of this one is self explanatory, plus it emails the Sifr file to you.

Related Posts

Here's some other articles that you will definitely find useful.

33 Epic Works of Typography Art

14 Most Impressive Photoshop Typography Effects

12 CSS Tools and Tutorials for Beautiful Web Typography

40 Super Sleek Fonts for Clean Web Design

Turn Off Your Computer and Go Read a Book