5.1 | Type Anatomy & Classification

Key Terms

Typeface vs. Font: A typeface is a family of related letterform designs (for example, Helvetica); a font is one specific weight, style, and size within that family (for example, Helvetica Bold, 12 pt). In everyday speech the two words are often used interchangeably.
Serif: A small line or stroke finishing off the end of a letter’s main strokes.
Sans-Serif: A typeface without serifs. Generally cleaner, more geometric letterforms.
Script / Display: Script typefaces imitate handwriting or calligraphy; display typefaces are drawn for large, attention-getting use (headlines, logos, posters) rather than long passages of body text.
Baseline: The invisible line that most letters visually “sit” on.
X-Height: The height of a lowercase “x” in a given typeface. A rough measure of how large its lowercase letters appear at a given point size.
Cap Height: The height of a capital letter, measured up from the baseline.
Ascender / Descender: The part of a lowercase letter that extends above the x-height (an ascender, as in “b” or “h”), or below the baseline (a descender, as in “p” or “g”).
Counter: The fully or partially enclosed space within a letterform. For example, the hole inside an “o” or “e.”

Welcome to Unit 5. Typography. Before you can control type in Illustrator, you need the vocabulary to talk precisely about what you’re looking at. Today’s about learning to see type the way a designer does.

Direct Instruction | Reading a Letterform (~10 min)

“Every letter you’ve ever read is built on the same invisible scaffolding. A baseline it sits on, and a few key heights above and below it.”

The teacher labels a large projected letterform live: baseline, x-height, cap height, and descender line, then introduces the 4 broad classifications with example typefaces:

Serif: small finishing strokes at the ends of letters (for example, Times New Roman, Georgia)
Sans-Serif: no finishing strokes, cleaner and more geometric (for example, Helvetica, Arial)
Script: imitates handwriting or calligraphy
Display: designed for large, attention-getting use rather than long text

Recall: What’s the difference between a serif and a sans-serif typeface? Analysis: Why might a designer choose a script typeface for a wedding invitation but never for a textbook’s body copy? Synthesis: If you were designing a horror movie poster, which classification would you choose for the title, and why?

Guided Practice | Label & Classify (~23 min)

5.1 Guided Notes: Type Anatomy & Classification

Complete the handout, three hole punch it, and keep it in your class binder.

⬇ Download Worksheet (PDF)

Label the diagram (~8 min): using the word bank, label the 4 lines on the provided letterform diagram.
Fill-in-the-blank vocabulary (~7 min): complete the guided notes’ definitions using today’s vocabulary.
Classify (~8 min): in pairs, sort the provided typeface samples into serif, sans-serif, script, or display, and be ready to justify one choice using anatomy vocabulary (for example, “this one has small serifs at the base of each stroke”).

When in doubt, zoom in. Classification decisions get much easier once you can actually see whether a stroke ends in a serif or not.

Why classify at all? Classification isn’t just labeling. It’s how you predict whether two typefaces will pair well. Two faces that are nearly identical (two similar-but-not-quite serifs) create conflict: a mismatch your eye reads as a mistake, not a choice. Two faces that are clearly, deliberately different (a bold sans-serif headline with a restrained serif body) create contrast: a pairing that reads as intentional. One family alone is concord. Rule of thumb: never pair two faces from the same classification. Pick a headline face and a body face from different categories.

Exit Ticket / Wrap-Up (~5 min)

Submit your guided notes.

Pick one typeface from today’s samples and describe it using at least 2 anatomy terms.

🗂 Organize: Put your completed guided notes and your typeface classification exercise in your binder.

📤 Exit Ticket: Stoplight. In the discussion board below, let us know how you’re doing: G (green: I’ve got this, ready to move on), Y (yellow: I mostly get it, still have a question), or R (red: I’m stuck, I need help). Then explain your rating in at least 3 sentences (aim for 5): what specifically about today’s skill makes you feel that way, and, if you’re yellow or red, what your actual question is.

Stuck on how to start? Try: “I picked ___ because ___. Specifically, when I tried to ___, I ___. One thing that would help is ___.”