Tt TotallyType

Selecting a text font

Selecting the right text face for the job is no easy task. The following interactive app allows you to compare any two text faces on your system that you may be considering for print or screen use. We will look at body size, x-height, line and letter spacing, typographic color, and contrast - factors that allow a well designed text font to perform the task it was designed for. Once we have a selection we will then pair it with a complementary display face for headings, define a modular scale, and generate a type specimen.

Body size comparison

Select two typefaces to compare.

hamburgevons
HAMBURGEVONS

hamburgevons
HAMBURGEVONS

x-height comparison

aesxxaes

In a badly designed book, the letters mill and stand like starving horses in a field. In a book designed by rote, they sit like stale bread and mutton on the page. In a well-made book, where designer, compositor, and printer have all done their jobs, no matter how many thousands of lines and pages, the letters are alive. They dance in their seats. Sometimes they rise and dance in the margins and aisles.

In a badly designed book, the letters mill and stand like starving horses in a field. In a book designed by rote, they sit like stale bread and mutton on the page. In a well-made book, where designer, compositor and printer have all done their jobs, no matter how many thousands of lines and pages, the letters are alive. They dance in their seats. Sometimes they rise and dance in the margins and aisles.

Select a text size

Values of pt, em, or px.

Select a line-space

Values in em.

Print Test

Legibility Test

!Iil1

Hamburgevons Hamburgevons

ages ages

fg
gf

bdpqo hnmu

38 56 0O

ae

!Iil1

Hamburgevons Hamburgevons

ages ages

fg
gf

bdpqo hnmu

38 56 0O

ae

Print Test

Space & Color Test

Problematic: vertrag crainte screw verwalter croyant science verzicht fratricide sketchy vorrede frivolité story yankee instruction take zwetschge lyre treaty zypresse navette tricycle fraktur nocturne typograph kraft pervertir vanity raffeln presto victory reaktion prévoyant vivacity rekord priorité wayward revolte proscrire efficiency tritt raviver without trotzkopf tactilité through tyrann arrêt known

Not Problematic: bibel malhabile modo biegen peuple punibile blind qualifier quindi damals quelle dinamica china quelque analiso schaden salomon macchina schein sellier secondo lager sommier singolo legion unique possibile mime unanime unico mohn usuel legge nagel abonner unione puder agir punizione quälen aiglon dunque huldigen allégir quando geduld alliance uomini

Problematic: vertrag crainte screw verwalter croyant science verzicht fratricide sketchy vorrede frivolité story yankee instruction take zwetschge lyre treaty zypresse navette tricycle fraktur nocturne typograph kraft pervertir vanity raffeln presto victory reaktion prévoyant vivacity rekord priorité wayward revolte proscrire efficiency tritt raviver without trotzkopf tactilité through tyrann arrêt known

Not Problematic: bibel malhabile modo biegen peuple punibile blind qualifier quindi damals quelle dinamica china quelque analiso schaden salomon macchina schein sellier secondo lager sommier singolo legion unique possibile mime unanime unico mohn usuel legge nagel abonner unione puder agir punizione quälen aiglon dunque huldigen allégir quando geduld alliance uomini

Adjust letter-spacing

1/1000 of an em.

Print Test

Contrast & Context Test

Contrast Ratio: 1.18:1

Large Text: AA: Fail AAA: Fail

Normal Text: AA: Fail AAA: Fail

Accessible design is good design.

Accessible design is good design.

Please select your text font.


Pair your text face with a display face.

Select a display face to pair.
Match the x-heights.

xxxxxxxxxxxx

See it in action!

CHAPTER ONE

Loomings.

Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people's hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.

Heading

Font:

Text

Font:
Font Size:
Line Spacing:
Letter Spacing:

Page
Foreground:
Background:

Print Your Type

What's Next?

Now that you have a text face and display face to work with, the next set is to establish hierarchy. Many people set type sizes with a scale. You can use a scale to measure or set the size of any element or negative space in a composition — including grids, and the overall dimensions of the composition itself. Your body text type size of is a good place to start. This sites scale is based on the golden mean (1:1.618). Use the following link to run your font size through Tim Brown's Modular Scale Calculator.

Get Your Scale