“The heading needs a lighter weight.” “Tighten the tracking.” “Keep the caption with the image.” Typography vocabulary helps you understand these requests and explain your own choices when working with text. This guide covers the English terms used in font menus, design tutorials, page layouts, and conversations with other designers.
Typography is the selection and arrangement of type, including letterforms, spacing, alignment, and hierarchy. Essential terms include typeface, font, weight, baseline, kerning, tracking, and leading: kerning concerns particular character pairs, tracking affects a range of characters, and leading describes the distance between lines. Learning these words in complete instructions helps you discuss text clearly in Figma, Photoshop, Illustrator, InDesign, and other design tools.
What's your English level?
Take the test and get your certificate!
Typeface, Font, and Font Family: What Is the Difference?
A typeface is a design of letters, numbers, punctuation, and other symbols. A font is the usable implementation of that design, usually a digital font file. A font family groups related styles, such as regular, bold, and italic.
In everyday conversation, people often use font to mean the typeface they see. “Which font is this?” is a natural question. The more precise distinction matters when a colleague asks for a particular style or file; Monotype’s glossary distinguishes the design from its implementation.
| Word | Use it in a sentence |
|---|---|
| Typeface | “This typeface has distinctive lowercase letters.” |
| Font family | “Use one font family for the form labels and buttons.” |
| Font style | “Choose the italic style for the book title.” |
| Typeset | “Please typeset the report using the approved paragraph styles.” |
Typeset is a verb meaning to arrange text for presentation or publication; typesetting names the activity. Typography is normally uncountable: say “The typography is consistent,” rather than “The typographies are consistent” when discussing a page’s overall treatment of text.
Typeface Categories: Serif, Sans Serif, and More
These labels help you describe the appearance or intended use of a typeface. They do not all classify the same feature: serif describes letter details, monospaced describes spacing, and display describes a typical use.
| Category | Meaning and example |
|---|---|
| Serif | Has small finishing strokes on the main letter strokes. “Try a serif typeface for the headline.” |
| Sans serif | Does not have those finishing strokes. “The navigation uses a sans serif.” |
| Slab serif | Has substantial, often blocklike serifs. “The slab serif gives the title a sturdy appearance.” |
| Script | Draws on handwriting or calligraphy; letters may connect. “Use the script face for the short signature.” |
| Monospaced | Gives characters a fixed advance width, rather than widths based on each shape. “Use a monospaced font for the code sample.” |
| Display | Designed primarily for prominent text at larger sizes. “Check the display face at the actual headline size.” |
A display typeface can also be a serif or a sans serif. Monotype’s guide to type styles shows how broader categories contain many different designs. Avoid assuming that every serif feels formal or that every sans serif works equally well in a small interface label.
Letter Anatomy: Baseline, X-Height, Counters, and Apertures
Letterform means the visual shape of a letter. Anatomy terms help you name the part you are discussing instead of saying “the top bit” or “the space inside.” The examples below concern Latin letters used in English.
| Term | What to look for |
|---|---|
| Baseline | The reference line on which most letters sit. |
| X-height | The height of the main lowercase body, conventionally represented by x. |
| Cap height | The height of flat-topped capitals, such as H, above the baseline. |
| Ascender | A part rising above the x-height, as in the stem of h. |
| Descender | A part extending below the baseline, as in p or y. |
| Stem | A main structural stroke, such as either upright stroke in H. |
| Crossbar | A horizontal connecting stroke, such as the middle stroke in H. |
| Counter | A space enclosed or partly enclosed by a letterform, as in o or c. |
| Aperture | The opening into a partly enclosed counter, as in c. |
Adobe’s typographic terms reference explains the height and baseline vocabulary. For the shapes within letters, Monotype’s illustrated glossary distinguishes counters, apertures, stems, and crossbars.
Look closely: type H x h p o c into a text box. Compare the height of x with H, find the ascender in h and the descender in p, then compare the enclosed space in o with the opening in c. The exercise connects each term to something you can identify.
Useful comparisons include “This family has a larger x-height” and “The lowercase c has a more open aperture.” A larger x-height means a larger lowercase body relative to the font’s scale; it does not mean every letter or capital has become taller.
Font Size, Weight, Width, and Style
Font size is the nominal size assigned to type, often expressed in points in print layouts or pixels in interface design. It is not the measured height of every visible letter. Two typefaces at the same size can look different in scale because their proportions differ.
Weight describes the relative heaviness of the strokes. Common names include light, regular, medium, semibold, bold, and black; here, black names a weight, not a text colour. “Use a heavier weight” asks for stronger strokes, while “increase the font size” asks for larger type.
Condensed, extended, italic, and oblique
Condensed describes narrower letter proportions, while extended or expanded describes wider proportions. Choosing a designed condensed style differs from simply squeezing text horizontally. A precise request is, “Try the condensed style while keeping the font size unchanged.”
Italic often uses specially drawn, handwriting-influenced forms. Oblique generally describes a sloped version of upright forms, sometimes with optical adjustments. Font naming varies, so use the actual style name when giving instructions. See the distinctions in Monotype’s typography definitions.
Variable fonts and optical size
A variable font can contain a range of designs within one font file. An axis is an adjustable dimension, such as weight or width; available axes depend on the font. “Adjust the weight axis” asks for a change within that supported range. Adobe’s variable font guide explains this approach.
Optical size concerns design adjustments suited to the size at which type is used, rather than simple enlargement. Where a font supports it, smaller-text and display settings may change details such as spacing and stroke contrast. “Use the optical size intended for small text” is different from “make the text smaller.” Adobe documents optical size controls in InDesign.
Kerning, Tracking, Leading, and Other Spacing Terms
Before changing spacing, identify what feels wrong: one character pair, a whole heading, the distance between words, or the distance between lines. Each problem points to a different term.
| Term | Meaning and practical request |
|---|---|
| Kerning | Adjusting a particular pair of characters. “Reduce the gap between T and o.” |
| Tracking | Adjusting spacing across a selected range of characters. “Loosen the tracking in the label.” |
| Leading | The distance from one line’s baseline to the next. “Increase the leading in the body text.” |
| Word spacing | The space between words. “The word spacing looks uneven.” |
| Paragraph spacing | Space before or after a paragraph. “Add space after each paragraph.” |
Tighten means reduce spacing, and loosen means increase it. In typography, leading is pronounced “led-ing,” rhyming with “sledding.” Adobe’s line and character spacing guide explains the distinction between pair spacing, tracking, and leading.
Letter spacing and line height in design apps
Figma uses labels such as letter spacing and line height. Letter spacing is the setting to look for when discussing spacing across text; line height controls the vertical spacing of lines. See Figma’s text properties guide.
“Add more space” is incomplete feedback. Say, “Increase the paragraph spacing but keep the line height unchanged,” if the paragraphs need separation while their individual lines already look comfortable. Do not assume a number copied from one app uses the same units or interpretation in another.
Text Alignment, Justification, and Line Length
Left-aligned text has a consistent left edge and usually an uneven right edge. Right-aligned text reverses that arrangement, while centred text positions lines around a common centre. In English interfaces, the control may use the spelling Center.
Justified text is adjusted to align with both edges of its text area, usually with separate treatment for the final line. A rag is the uneven edge of an unaligned side: “Keep the text flush left with a ragged right edge.” Flush left is another way to describe left alignment.
Measure and rivers
Measure means the line length of a text column. “Shorten the measure” asks for a narrower reading line, not necessarily a smaller font. Rivers are distracting channels of white space that appear when gaps line up across several lines.
“The justified paragraph has large word gaps” identifies a specific problem. You could then discuss the column width, hyphenation, or spacing settings instead of changing the typeface immediately. The best adjustment depends on the actual text and layout; no single line length solves every situation.
Typography Hierarchy, Legibility, and Readability
Hierarchy is the visual relationship that indicates which text to notice first and which information belongs together. Size, weight, spacing, colour, and position can all contribute. “Strengthen the hierarchy” usually asks for a clearer distinction between levels of information.
| Text role | Meaning and example |
|---|---|
| Headline | The main attention-getting title. “The headline should stand out from the introduction.” |
| Subheading | A heading below the main level. “Use the same style for all section subheadings.” |
| Body text / body copy | The main continuous reading text. “Keep the body copy consistent across the brochure.” |
| Caption | Text explaining or identifying an image. “Place the caption directly below the photograph.” |
| Pull quote | A selected quotation displayed prominently within a layout. “Shorten the pull quote to fit the column.” |
Legibility concerns how easily individual characters can be recognised and distinguished. Readability concerns how comfortably a passage can be read as a whole. Clear letter shapes do not automatically make a page comfortable to read if the text is too crowded or the lines are difficult to follow.
Contrast needs context. Stroke contrast describes differences between thick and thin parts of letterforms, while text-to-background contrast concerns how the text stands out against its background. “Choose a face with less stroke contrast” asks for a different letter design, not a different text colour.
Paragraphs, Line Breaks, Widows, and Orphans
Paragraph breaks, line breaks, and hyphenation
A paragraph break ends one paragraph and starts another. A forced line break, sometimes called a soft return, starts another line within the same paragraph. Text wrapping describes text automatically continuing onto another line when it reaches the available width.
“Let the heading wrap naturally” asks you to avoid fixing every line ending manually. “Insert a line break after the product name” requests a particular break. Adobe’s paragraph break reference explains these different controls.
Hyphenation divides a word at a permitted break point across lines. A discretionary hyphen, also called a soft hyphen, marks an optional place for that break. A nonbreaking space keeps the items on either side together on one line, as you might want for a value and its unit.
Widows and orphans
In a common page-layout convention, a widow is the last line of a paragraph left alone at the top of the next column or page. An orphan is the first line left alone at the bottom of a column or page. People sometimes apply these labels differently, including to short final lines, so describing the location prevents confusion.
For example: “Keep the last two lines of this paragraph together,” or “Move this heading with the paragraph below it.” Keep with next and keep lines together are layout controls for these situations. Adobe’s paragraph formatting guide explains how keep options control separation.
Overset text and reflow
Overset text is text that exists in the document but does not fit in the available text frame or connected frames. Reflow means the text rearranges across lines, frames, or pages when something changes. “The replacement font caused the text to reflow, and the final paragraph is now overset” describes both the change and its consequence.
In InDesign, threading connects text frames so the text can continue between them. “Thread the second column to the first” is a request about text flow, not about merging the two frames. Adobe’s text frame guide covers this relationship.
Glyphs, Ligatures, Capitals, and Numerals
Character, glyph, and ligature
A character is a textual unit, such as a letter, digit, or punctuation mark. A glyph is a visual form used to represent text. A font can offer more than one glyph for the same character, such as alternative forms of a lowercase a.
A ligature is a glyph representing a combination of characters, such as f and i. A stylistic alternate offers a different drawing of a character. “Try the alternate a, but keep the rest of the word unchanged” is more specific than asking for a completely different font.
OpenType features are font capabilities that can provide options such as ligatures, alternates, fractions, and numeral styles. Their availability depends on the font and the application. Adobe’s OpenType reference describes these options.
Uppercase, lowercase, and small caps
Uppercase means capital letters, as in DESIGN; lowercase means letters such as design. Sentence case generally capitalises the first word and any proper names, while title case capitalises selected words according to a chosen style. These terms describe capitalisation, not font weight.
Small caps are capital-shaped glyphs designed at a smaller scale to work with surrounding text. Simply shrinking full capitals does not necessarily reproduce their proportions or stroke weight. A useful request is, “Use the font’s designed small caps, if available.”
Tabular, proportional, lining, and oldstyle figures
In typography, figures can mean numerals. Two separate questions matter: do the digits occupy equal widths, and do they share a common height?
| Term | What it describes |
|---|---|
| Tabular figures | Digits with equal advance widths, useful for aligned numerical columns. |
| Proportional figures | Digits with widths that vary according to their shapes. |
| Lining figures | Digits sharing a common height and baseline, typically near capital height. |
| Oldstyle figures | Digits with varying heights and positions, some extending above or below the main lowercase body. |
These properties combine: a font may offer tabular lining, proportional lining, tabular oldstyle, or proportional oldstyle figures. “Use tabular figures in the price list” concerns digit widths, not automatically their height. Adobe’s number formatting guide lists these combinations.
Useful English Phrases for Typography Feedback
A clear request names the text, the property, and the direction of change. For example, “Reduce the caption’s font size” is more useful than “Make that bit different.” If necessary, add the reason: “so that it stays visually secondary to the heading.”
| What you mean | Natural English |
|---|---|
| Less space across a heading | “Tighten the tracking in the headline.” |
| Lighter letter strokes | “Try a lighter weight for the navigation labels.” |
| More separation between paragraphs | “Increase the space after each paragraph.” |
| One consistent text treatment | “Apply the same paragraph style to every caption.” |
| An unwanted isolated line | “Keep this final line with the rest of its paragraph.” |
| A font you cannot currently use | “This font is missing. Which replacement should I use?” |
A typography review conversation
Reviewer: “The heading looks too heavy.”
Designer: “Do you mean the weight, or would you like a smaller font size?”
Reviewer: “Keep the size. Try medium instead of bold, and leave the tracking unchanged.”
Designer: “Understood. I’ll change the weight and compare the two versions.”
Notice the word combinations: adjust the kerning, increase the leading, choose a typeface, and apply a style. Use spacing for the general property: “The spacing is uneven.” For one particular gap, say, “There is too much space between these two letters.”
Recognising the terms in different apps
In Figma, look for properties such as font family, weight, line height, and letter spacing. In Illustrator, Adobe’s Character panel reference uses terms including leading, tracking, kerning, and baseline shift. Baseline shift moves selected characters above or below their normal baseline.
Photoshop also supports editable type and variable font controls, while InDesign adds page-layout concepts such as threaded frames and keep options. A text style or paragraph style stores a reusable set of formatting properties; the exact scope depends on the app. For vocabulary covering images, shapes, and file delivery, read our graphic design vocabulary guide.
Typography Vocabulary Practice
Complete each sentence with one term from the word bank. Use every term once, then compare your choices with the explanations.
Word bank: aperture, ascender, caption, kerning, leading, ligature, overset, reflow, tabular, tracking, weight, x-height.
- The stroke of h that rises above the main lowercase body is its ______.
- The height represented by a lowercase x is the ______.
- The opening into the partly enclosed space in c is its ______.
- To change the space between one particular T and o, adjust the ______.
- To add spacing across the whole heading, increase the ______.
- To increase the distance between the baselines of successive lines, increase the ______.
- Changing from regular to bold changes the font’s ______.
- The short explanation below the photograph is its ______.
- A single glyph representing f and i together is a ______.
- Use ______ figures when the digits need equal widths in a numerical column.
- The final sentences still exist but do not fit in the text frames: the text is ______.
- Changing the column width makes the text ______ into different lines.
Answers and explanations
1. Ascender: it rises above the x-height. 2. X-height: it describes the main lowercase body. 3. Aperture: it is the opening into a counter. 4. Kerning: the adjustment concerns one pair. 5. Tracking: the adjustment affects a range of characters. 6. Leading: it concerns baseline-to-baseline distance.
7. Weight: bold changes stroke heaviness. 8. Caption: it accompanies the photograph. 9. Ligature: multiple characters are represented by a combined glyph. 10. Tabular: the digits have equal advance widths. 11. Overset: some text does not fit in the available frames. 12. Reflow: the line arrangement changes.
Rewrite unclear feedback
Rewrite this request so that the designer knows what to change: “The title is wrong, the text is crowded, and the numbers look strange.” Specify one change to the title, one to the paragraph, and one to the numerals. There is more than one possible answer.
Example answer: “Use a lighter weight for the title. Increase the paragraph’s leading while keeping its font size unchanged. Use tabular figures in the price column so that the digits occupy equal widths.” Practise saying the instructions aloud before exploring more English vocabulary lessons.
Frequently Asked Questions
What typography words should a beginner learn first?
Start with typeface, font family, size, weight, alignment, kerning, tracking, and leading. Learn them through short instructions, such as “Use a lighter weight” and “Increase the leading.” Add anatomy and page-layout terms when you need to describe more specific details.
Are kerning and tracking the same?
No. Kerning concerns the spacing of a particular character pair, while tracking changes spacing across a range of characters. An awkward gap in one pair and an overly tight heading call for different adjustments.
Does making a font bold also make it larger?
Bold primarily describes a heavier weight, not a larger font size. A bold style may have different widths and can change line breaks, but the nominal size can remain the same. Specify both weight and size when the distinction matters.
Does every font include ligatures, small caps, and tabular figures?
No. The available glyphs and features depend on the font, and the application must support the features you want to use. Check the font’s actual options before requesting a particular alternate or numeral style.
