An inventory of typographic tools.

C A T E G O R Y

× Identifying type ×

WhatFont

A bookmarklet and browser extension for identifying type on websites.

Type Sample

A bookmarklet and Chrome extension for identifying and sampling web fonts.

Fount

A bookmarklet for identifying type on websites.

C A T E G O R Y

× Trying type ×

Typeshift

A design tool for testing type / variable fonts in the browser without writing code.

Rene

A design tool for generating a large range of typography design permutations.

Kern Type

An interactive game in the browser for practicing typographic kerning.

Font testing page

A web tool for testing fonts across a wide variety of languages and sizes.

Typetester

Preview, evaluate, and compare typefaces for web use.

Typecast

A tool for comparing and setting type in the browser.

Type Connection

A game for learning about how to match and pair typefaces.

C A T E G O R Y

× Working with text ×

Fillerati

A tool that generates more realistic placeholder content by pulling from famous texts.

Stringmaker

A tool for generating set paragraph strings for proofing.

adhesiontext

A tool for generating paragraphs with certain sets of characters as proofs.

Charcod.es

A search engine for Unicode. Explore, reference, and copy and paste characters (including their HTML entities). Handy when you don’t know what to type to get a specific symbol.

C A T E G O R Y

× Measuring ×

Gridlover

A web application for setting a typographic system and modular scales.

Modular Scale

A tool for defining and viewing modular scales on the web, with Sass and JavaScript.

Size Calculator

A calculator for finding the relationships between viewing distance as well as the physical and perceived sizes of type.

Sassline

Set rem baseline grids with modular scales in Sass.

Polate

A tool for getting interpolated values.

Gridset

Make and manage responsive grid systems for web compositions.

C A T E G O R Y

× Making typography flex ×

Molten Leading

A formula for responsive/fluid line height, available as scripts or style calculations.

Fluid type with calc

Techniques and examples for fluid type with CSS calc.

FitText

An application for fitting type to its container.

C A T E G O R Y

× Managing typographic details ×

Calzone

A Javascript library for better typesetting in EPUB files that enables features like justification and hypenation.

Widow Tamer

A script for fixing typographic widows.

Typeset

A preprocessor for web typography with no client side Javascript. Gives you hang­ing punc­tu­a­tion, soft hy­phen in­ser­tion, op­ti­cal mar­gin out­dents, small-caps con­ver­sion and punctuation substitution.

Rag Adjust

A script to automatically fix the rag of any body of text. Set how and where you want your lines to break.

Normalize-OpenType.css

CSS for normalizing OpenType settings across browsers.

Lettering.js

jQuery plugin for fine-grained control over spacing individual letters.

Hypher

A small and fast JavaScript hyphenation engine. Can be used in Node.js and as a jQuery plugin.

dropcap.js

A script for setting drop caps.

C A T E G O R Y

× Reviewing contexts ×

Legibility App

A tool for evaluating legibility by simulating different viewing conditions.

FFFFALLBACK

A way to quickly test and try different fallback fonts for a site.

Blind

An application for accurately simulating a low-resolution screen, for people who normally design using a high-resolution screen.

C A T E G O R Y

× Gauging support ×

Font Family Reunion

Comprehensive compatibility tables for default local fonts across different operating systems.

The State of Web Type

A comprehensive resource for support of various typographic features across the web.

C A T E G O R Y

× Responding to conditions ×

Type.js

A script for styling with typographic CSS properties that don’t yet exist, including kerning adjustment, rag adjustment, widow control, and min-/max-font-size. A compilation of Nathan’s individual scripts.

Type Rendering Mix

Script that detects the text rasterizer and antialiasing that a visitor’s browser is using, so you can style accordingly.

C A T E G O R Y

× Optimizing font loading ×

Web Font Loader

A script for more control of loading of web fonts via @font-face, even if they’re from multiple sources.

localFont

A script that stores CSS @font-face in localstorage for fast loading on a user’s second visit.

fontfaceonload

A script for setting up callbacks as fonts load using the CSS Font Loading Module.

Font Face Observer

A script for setting up callbacks as fonts load, using the CSS Font Loading Module with a full polyfill.

C A T E G O R Y

× Making typefaces ×

Typecooker

A web tool for generating ideas and constraints when designing typefaces.

Glyphs

A tool for type design. Comes packaged with a lot of functionality. Extendable in Python scripts.

Fontlab

An application for drawing type and producing fonts.

Font Remix Tools

A suite of type plugins (for Fontlab and Glyphs) that help tune and generate glyph designs.

Superpolator

An application for multi-dimensional font interpolation during the type design process.

RoboFont

A tool for type design with an emphasis on being easily extendable in Python.

Prepolator

An application for preparing fonts for interpolation compatibility.

Responsive Lettering

Code to scale and animate SVG shapes flexibly through interpolation.

DrawBot

An application for generating graphics algorithmically.

Ufo Stretch

Speed up the designing process of small caps, inferior, superior, condensed and extended variations. An application for interpolating sets of UFO glyphs.

Not finding the type of tool you need? Let us know and we can suggest something.