Why Type Deserves Attention
Most of what people see in a design is text. Menus, posters, packaging, apps and web pages all rely on letters to carry meaning, and the shapes of those letters carry a second layer of meaning on top. A heading set in a tall, narrow face feels different from the same words set in a wide, rounded one, even though the words have not changed.
Typography is the practice of choosing and arranging type so it can be read easily and feels appropriate for its purpose. It covers the shapes of the letters, their size, the space between them and the way blocks of text sit on a page or screen. This article covers the vocabulary and the main categories. The other articles in this cluster go deeper on sizes, spacing, pairing and screens.
Typeface Versus Font
These two words are often used as if they mean the same thing. Traditionally, a typeface is the design: the overall look of a family of letters. A font is one specific version of that design, such as a particular weight and style. In everyday use, many people say “font” for both, and that is usually understood. Being aware of the difference helps when you read about type, because a single typeface family may include light, regular, bold and italic styles, each of which is a separate font in the strict sense.
The Anatomy Of A Letter
Designers use a shared set of terms for the parts of letters. You do not need to memorize all of them, but a few come up constantly.
- Baseline: the invisible line the letters sit on.
- x-height: the height of the lowercase letters that have no ascenders or descenders, such as x, a and e. A face with a large x-height usually looks bigger at the same point size.
- Cap height: the height of the capital letters.
- Ascender: the part of a lowercase letter that rises above the x-height, as in b, d and h.
- Descender: the part that drops below the baseline, as in p, g and y.
- Counter: the enclosed or partly enclosed space inside letters such as o, e and a.
- Stroke: a main line that forms the letter, which can be thick or thin.
- Serif: a small finishing stroke at the end of a main stroke, found on some faces.
- Terminal: the end of a stroke that does not have a serif.
Once you can name these parts, it becomes easier to explain why one face looks open and friendly while another looks tight and formal. Often the difference is x-height, counter size or stroke contrast.
The Main Type Classes
Typefaces are commonly sorted into broad groups. Different sources draw the lines slightly differently, so treat these as practical categories rather than strict rules.
Serif faces have finishing strokes on the letters. Older designs in this group tend to show a calligraphic influence with noticeable differences between thick and thin strokes, while later ones often have sharper contrast and more geometric construction. A separate article compares serif versus sans in detail.
Sans serif faces have no such strokes. Their stroke widths are often more even, and they are widely used for interfaces, signs and short pieces of text.
Slab serif faces have heavy, block-like serifs and a sturdy, mechanical feel. They are often used for headlines and posters.
Script faces imitate handwriting or pen lettering and are connected or flowing. They suit short, expressive uses and are hard to read in long passages.
Monospaced faces give every character the same width. They are common in code and in designs that want a typewriter-like look.
Decorative or display faces are made for attention rather than comfort. They can be playful, dramatic or highly stylized, and are meant for large sizes. The idea behind display type is covered in its own article.
Weight, Width And Style
Within one family, designers adjust a few properties. Weight is how heavy the strokes are, from thin to black. Width describes how narrow or wide the letters are, with condensed and extended versions. Style usually means upright versus italic. A true italic is typically a redrawn design, while an oblique is a slanted version of the upright letters. Using a family with several weights and styles gives you built-in variety that already fits together, which is a safe way to build visual hierarchy without introducing a new typeface.
Measuring And Describing Text
Type size is traditionally given in points, and on screens in pixels or related units. Two faces set at the same nominal size can look quite different because of x-height and proportions, so size alone is not a perfect comparison.
A few terms describe how text is arranged:
- Leading (or line spacing) is the vertical distance from one baseline to the next.
- Kerning is the adjustment of space between a specific pair of letters.
- Tracking is the uniform adjustment of space across a range of letters.
- Measure is the length of a line of text.
- Alignment describes how lines sit relative to the edges: left, right, centered or justified.
Left-aligned text with a ragged right edge is often the easiest to read in longer passages, because the eye returns to the same starting point each line. Centered text works for short lines such as invitations or titles. Justified text can look neat but may create uneven gaps between words when lines are short.
Hierarchy And Readability
The practical goal of all this vocabulary is to help readers find their way. A page usually needs a clear order: a main heading, supporting headings, body text and small details. Designers create that order by varying size, weight, color and spacing, which is the heart of visual hierarchy. Strong contrast between levels makes the structure obvious at a glance, while too many competing styles make a page feel noisy.
Readability and legibility are related but distinct. Legibility is whether individual characters can be told apart. Readability is how comfortably a whole passage can be read, which depends on size, spacing, line length and the contrast between text and background. Good color contrast matters just as much as the choice of face, and it is a core part of accessible design.
A Simple Starting Approach
If you are just beginning, a few habits go a long way:
- Choose one well-made family with several weights and use it for most of the text.
- Set body text at a comfortable size and give it generous line spacing.
- Limit the number of sizes and styles, and use them consistently.
- Align text to a clear edge instead of mixing alignments.
- Check that the text is easy to read on the real surface where people will see it, whether that is paper, a phone or a sign.
Type rewards close looking. Compare the same paragraph set in two different faces, adjust one setting at a time, and notice what changes. That habit of observation is what turns the vocabulary into skill.