Which pair correctly describes the difference between a typeface and a font?
Choose an answer, then check it.
Graphic Design & Digital Media · Foundations
Typography Basics
On this page 9 sections
In 30 seconds
Typography is the craft of arranging type so language can be seen and read. Its basics are a shared vocabulary: the parts of a letter (Baseline The invisible line on which the bodies of the letters sit, like the ruled line on notebook paper; descenders drop below it. Full entry →, X-height The height of a lowercase x, setting how tall the main body of the lowercase letters reaches, excluding ascenders and descenders. Full entry →, cap height, ascender, descender, counter, bowl, stem, serif, terminal); the difference between a Typeface The design of a coordinated family of letters and characters, such as Garamond or Helvetica, identified by its shared shapes rather than by any particular size. Full entry →, the design, and a Font A specific instance of a typeface. Historically one physical set of type at a single size, weight, and style; in digital use, commonly the scalable file itself. Full entry →, one specific instance of it; measurement in points and picas; and the three spacing controls, Kerning Adjusting the space between one specific pair of letters, such as AV or To, to even out an awkward gap or collision. Full entry → between specific letter pairs, Tracking Also called letter-spacing; adjusting the space uniformly across a whole run of text at once, rather than a single pair. Full entry → across a range, and Leading The vertical space between lines of text, measured from one baseline to the next; named for the lead strips once set between lines of metal type. Full entry → between lines. Underneath it all sit two goals, Legibility How easily a reader can distinguish one character from another; a property largely designed into the typeface at the level of the single glyph. Full entry → and Readability How comfortably a reader can move through connected text over time; a property of how the type is arranged, not just of the individual letters. Full entry →.
Why this matters
Type carries almost all the words a designer ever sets, so the vocabulary here is the one you reach for daily, in print, on screens, and in interfaces. Naming the parts turns a vague sense that text looks wrong into a precise fix: the leading is too tight, that pair needs kerning, this typeface has too small an x-height for body copy. Studio critiques, client feedback, and software menus all assume these terms, and getting kerning confused with tracking or legibility confused with readability leads to real mistakes in real work. Because the same units and anatomy have described type since metal type, the knowledge transfers across every tool and medium you will ever use.
The college version
Typeface versus font
The two words designers reach for most, typeface and font, are not synonyms, even though everyday speech treats them as one. A typeface is a design: the whole coordinated family of letterforms an artist drew, such as Garamond or Helvetica, defined by their shared shapes rather than by any particular size. A font is a specific instance of that design. The distinction is clearest in the era of metal type, where a font was a physical case of cast letters at one size, weight, and style. A drawer of ten-point Garamond Bold was one font; twelve-point Garamond Bold was a different font; both belonged to the same typeface. A useful shorthand comes from an open textbook example: Times New Roman is a typeface, while "Times New Roman, 12 pt, Bold" is a font. The digital era blurred this line. A single outline file scales to any size on demand, so the word font now usually names the file you install, and many designers and software menus use font and typeface interchangeably. The distinction still matters when precision does: a typeface is what you choose for its character, a font is the exact configuration you set.
The anatomy of a letterform
Every letter is built on a set of invisible guide lines. The baseline is the line the bodies of the letters sit on, like the ruled line on notebook paper. The x-height is the height of a lowercase x, and it sets how tall the main body of the lowercase letters reaches; it deliberately excludes the parts that stick out. The cap height is the height of the capital letters, measured from the baseline to their top. Two kinds of stroke break past the x-height. An ascender is the part of a lowercase letter that rises above the x-height, as in b, d, k, or t; a descender is the part that drops below the baseline, as in g, p, q, or y. Inside the letters are more named parts. A stem is a main vertical or dominant stroke. A bowl is the curved stroke that encloses a rounded space, as in b, p, or o. The counter is that enclosed or partly enclosed white space itself, the hole inside an o or the loop of an e. A serif is the small finishing stroke projecting from the end of a main stroke; type without them is called sans serif, French for without. A terminal is the end of a stroke that has no serif. These names are the labels you use to describe why one typeface looks the way it does, and they are covered here as structure only, not as a system for sorting typefaces into families, which a separate topic handles.
Measuring type: points and picas
Type is measured in points and picas, units that predate the computer and still run through every design program. There are seventy-two points to an inch, which makes the Point The small unit of typographic measure; there are 72 points to an inch. Points measure type size and line spacing. Full entry → the small, everyday unit of type size; body text typically runs between about eight and sixteen points, with ten to twelve points common for long reading. The pica is the larger unit: one pica equals twelve points, which is about one-sixth of an inch, so six picas span an inch. Picas are handy for measuring column widths and layout distances, while points measure type size and line spacing. The point originally described the size of the metal body a character was cast on, not the visible letter, and that history exposes a trap: point size does not guarantee equal visual size across typefaces. Two typefaces both set at twelve points can look noticeably different in size on the page, because a typeface with a large x-height fills more of its point size with lowercase body and reads bigger, while one with a small x-height reads smaller. Point size tells you the slot the type occupies, not how large the letters actually appear, so designers judge size by eye, not by the number alone.
Controlling space: kerning, tracking, and leading
Three separate controls govern the space in and around type, and confusing them is a classic beginner error. Kerning is the adjustment of space between one specific pair of letters. Some combinations, such as AV, To, or Wa, leave an awkward gap or collision because of the letters' shapes, and kerning nudges just that pair until the spacing looks even. Tracking, also called letter-spacing, adjusts the space uniformly across a whole run of text at once, loosening or tightening every gap in a word, line, or block by the same amount rather than fixing one pair. A quick way to hold the two apart: kerning is a pair, tracking is a range. Leading, pronounced "ledding," is the vertical space between lines of text, measured from one baseline to the next. Its name comes from the strips of lead once slid between lines of metal type to space them. A common default sets leading at about 120 percent of the point size, so ten-point type gets roughly twelve-point leading, with body text often comfortable somewhere between 120 and 145 percent. Too little leading crowds the lines and the eye loses its place; too much breaks a paragraph into disconnected strips. Kerning and tracking work horizontally, leading works vertically, and together they set the rhythm of the text.
Legibility versus readability
Two goals sit underneath every typographic decision, and they are not the same thing. Legibility is a property of the typeface itself: how easily a reader can tell one character from another, so that an l does not read as a 1 or a capital I, and an a is distinct from an o. It lives at the level of the single glyph and is largely designed into the type. Highly legible text typefaces tend to share traits such as a generous x-height, open counters, and low contrast between thick and thin strokes. Readability is a property of the text as it is set: how comfortably a reader can move through connected words, sentences, and paragraphs over time. Readability depends less on the individual letters and more on how the type is arranged, the size, the leading, the line length, the spacing, and the contrast against the background. The two are independent. A typeface can be highly legible letter by letter yet exhausting to read in a long block if it is set too tightly or in lines that run too wide; conversely, a well-set page can read smoothly even in a face that is not the most distinctive. Good typography needs both: legible letters and readable arrangement.
Eli explains
The same idea, in plain words
Explain it like I’m 10
Letters live on lines, like handwriting on ruled paper. The bottom line they sit on is the baseline. How tall the little letters reach is the x-height, and the tall bits (like on b and h) and the droopy bits (like on g and p) reach past it. Type has two size words. A typeface is the style of the letters, the design somebody drew. A font is one exact version of it, at a set size and weight. There are also three ways to change the spacing: kerning fixes the gap between two letters that look wrong together, tracking spreads out or squeezes a whole word or line evenly, and leading is the gap between the lines stacked on top of each other. Finally, two goals: can you tell the letters apart, and is a big block of it comfortable to read?
Picture it like this
Think of type like a choir. A typeface is the whole choir with its distinctive sound, and a font is that choir singing one specific song at one volume. Kerning is fixing two singers standing too close, tracking is asking the whole row to spread out evenly, and leading is the gap between one row of singers and the row behind them. Legibility is whether you can make out each voice; readability is whether the whole performance is easy to listen to for an hour.
Where the picture stops working
The choir picture makes spacing feel purely physical, but type spacing is also about how the eye reads, not just where letters stand. And a choir's members are people who can move on their own, while the letters in a font are fixed shapes that only a designer rearranges. The analogy also hides that legibility is mostly baked into the letter shapes in advance, whereas a choir's clarity changes moment to moment.
Worked example
Suppose you are setting a paragraph of body text and it looks off. Start with the vocabulary. You chose the typeface Georgia for its character; the font you actually set is Georgia Regular at 11 points. First check size: 11-point Georgia looks larger than 11-point Didot would, because Georgia has a bigger x-height, so trust your eye rather than the number. Next the lines feel cramped, so you set the leading. At 11 points, a 120 percent default gives about 13 points of leading; you open it slightly for easier reading. Then a headline set in all capitals shows an ugly gap in the pair "WA" and the letters generally sit too tight, so you kern the WA pair specifically and add a little positive tracking across the whole headline uniformly. Finally you step back and judge two things separately: legibility, whether each letter is distinct at this size, and readability, whether the finished paragraph is comfortable to read straight through. Naming each move this way turns fiddling into deliberate typographic decisions.
Key takeaway
Typography basics are a shared vocabulary: a typeface is the design and a font one instance of it; letters are built on the baseline with an x-height, ascenders, descenders, counters, stems, serifs, and terminals; type is measured in points and picas; kerning, tracking, and leading control spacing; and every choice serves legibility (distinct characters) and readability (comfortable reading).
Quick check
3 questions here, of 5 in this lesson’s practice set. Answers stay hidden until you check.
In a letterform, what is the counter?
Choose an answer, then check it.
Two headlines are both set at 24 points, but one clearly looks larger than the other. What best explains this, and what does it reveal about point size?
Choose an answer, then check it.
Study tools & related lessonsYou’ll learn to · Common mistakes · Easily confused · Key vocabulary · Related
You’ll learn to
- Distinguish a typeface from a font, and explain why the digital era blurred the difference.
- Label the core parts of a letterform: baseline, x-height, cap height, ascender, descender, counter, bowl, stem, serif, and terminal.
- Explain how type is measured in points and picas, and why point size does not guarantee equal visual size.
- Distinguish kerning, tracking, and leading and identify which spacing problem each one solves.
- Distinguish legibility from readability and apply both to evaluating set text.
Common mistakes
Treating typeface and font as identical with no understanding of the difference.
A typeface is the design (Helvetica); a font is a specific instance of it (Helvetica Bold at 12 point, or the file you install). Digital use blurs the two, but the distinction still matters when you need to be precise about what you chose versus how you set it.
Confusing kerning with tracking.
Kerning adjusts the space between one specific pair of letters, such as AV. Tracking adjusts the space uniformly across a whole selection at once. Kerning is a pair; tracking is a range. Fixing an awkward two-letter gap is kerning, not tracking.
Assuming two typefaces at the same point size look the same size.
Point size measures the slot the type occupies, a leftover from the metal body a letter was cast on, not the visible letter. A typeface with a large x-height reads bigger than one with a small x-height at the same point size, so judge size by eye.
Using legibility and readability as if they mean the same thing.
Legibility is how easily you can tell one character from another, a property of the typeface. Readability is how comfortably you can read connected text over time, a property of how the type is arranged. A legible face can still be set unreadably.
Thinking every letter sits exactly on the baseline, or confusing x-height with cap height.
The bodies of the letters rest on the baseline, but descenders (g, p, y) drop below it and ascenders rise above the x-height. The x-height is the height of a lowercase x; the cap height is the taller height of the capitals.
Easily confused
Typeface vs. Font
A typeface is the overall design of a family of letters (Garamond); a font is one specific instance of it, historically a single size/weight/style of physical type and, in digital use, often the scalable file.
Kerning vs. Tracking
Kerning changes the space between one specific pair of letters to fix an uneven gap; tracking (letter-spacing) changes the space uniformly across an entire run of text. Kerning is a pair, tracking is a range.
Legibility vs. Readability
Legibility is how easily individual characters can be told apart, a property of the typeface; readability is how comfortably connected text can be read over time, a property of how the type is set and arranged.
Point vs. Pica
A point is 1/72 of an inch and measures type size and line spacing; a pica is 12 points, about 1/6 of an inch, and is handier for measuring column widths and layout distances.
X-height vs. Cap height
X-height is the height of the lowercase letters' main body, measured by a lowercase x; cap height is the taller height of the capital letters, measured from the baseline to their top.
Key vocabulary
- Typeface
- The design of a coordinated family of letters and characters, such as Garamond or Helvetica, identified by its shared shapes rather than by any particular size.
- Font
- A specific instance of a typeface. Historically one physical set of type at a single size, weight, and style; in digital use, commonly the scalable file itself.
- Baseline
- The invisible line on which the bodies of the letters sit, like the ruled line on notebook paper; descenders drop below it.
- X-height
- The height of a lowercase x, setting how tall the main body of the lowercase letters reaches, excluding ascenders and descenders.
- Point
- The small unit of typographic measure; there are 72 points to an inch. Points measure type size and line spacing.
- Kerning
- Adjusting the space between one specific pair of letters, such as AV or To, to even out an awkward gap or collision.
- Tracking
- Also called letter-spacing; adjusting the space uniformly across a whole run of text at once, rather than a single pair.
- Leading
- The vertical space between lines of text, measured from one baseline to the next; named for the lead strips once set between lines of metal type.
- Legibility
- How easily a reader can distinguish one character from another; a property largely designed into the typeface at the level of the single glyph.
- Readability
- How comfortably a reader can move through connected text over time; a property of how the type is arranged, not just of the individual letters.
Sources & references
- Typography Handbook (chapters: Frequently Used Terms, Clarifying Confusing Terms, Measurements, Anatomy) — David Piechnik, Open Education Alberta (Pressbooks)
- Graphic Design for AFLS, chapter 2 'Typography' (Sarah Hixson) — Sarah West Hixson / Jefferson Miller, University of Arkansas (Pressbooks)
- Typography Terms Cheat Sheet (glossary of typography terms for UX) — Nielsen Norman Group
EliExplains lessons are original prose written from the open, credible references above. See Copyright & Licensing.
Researched 2026-08-19
Educational content only. It is not medical, legal or professional advice. Found an error? Tell us.