Typography Fundamentals Flashcards

Question 1

What is the baseline in typography, and why does it matter?

Accepted Answer

The baseline is the imaginary horizontal line on which most letters sit. Descenders such as those on g, j, p, q, and y extend below it. Because every line of text shares this reference, the baseline keeps words even and readable across a paragraph.

Question 2

What is the x-height of a typeface?

Accepted Answer

X-height is the height of the lowercase letter x, measured from the baseline to the top of lowercase letters without ascenders, such as a, n, and o. A larger x-height generally makes text look bigger and can improve legibility at small sizes.

Question 3

What are ascenders and descenders, and which letters have them?

Accepted Answer

Ascenders are the parts of letters such as b, d, h, k, and l that rise above the x-height. Descenders are the parts of letters such as g, p, q, and y that fall below the baseline. Together with the x-height, these features help readers recognize word shapes quickly.

Question 4

What is a glyph, and how does it differ from a character?

Accepted Answer

A character is an abstract unit of written language, such as the letter A or a comma, while a glyph is the specific visual shape used to display that character in a particular typeface. One character may have several glyphs, including alternates for ligatures, small capitals, or stylistic variants.

Question 5

What is a ligature, and why do designers use one?

Accepted Answer

A ligature is a single glyph that joins two or more letters, such as fi, fl, or ff, into one connected form. Ligatures prevent collisions between letters whose strokes or terminals would otherwise overlap, and they can improve the rhythm and evenness of text.

Question 6

What do the terms serif and sans serif describe?

Accepted Answer

Serif and sans serif describe whether a letterform has small finishing strokes, called serifs, at the ends of its main strokes. Serif typefaces have these decorative endings, while sans serif typefaces, from the French word for without, lack them, which often gives them a cleaner appearance.

Question 7

What is a typeface, and how does it differ from a font?

Accepted Answer

A typeface is a family of related letterforms sharing a consistent design, such as Garamond or Helvetica, while a font is a specific instance of that design in a particular style, weight, and size. Many people use the terms loosely today, and the distinction helps you describe what you are choosing.

Question 8

What is a counter in a letterform, and why does it matter?

Accepted Answer

A counter is the enclosed or partly enclosed open space within a letter, such as the hole in o, the loop in a, or the upper space of e. Counters help determine how open or dark a typeface looks, and their size strongly affects legibility at small sizes.

Question 9

What are the main categories of type classification most designers learn first?

Accepted Answer

The main categories commonly taught are old style, transitional, modern, slab serif, sans serif, script, and decorative or display. Classification systems vary among authorities, so these groups are best treated as helpful starting points rather than rigid rules. Learning them gives you a shared vocabulary for describing typefaces.

Question 10

What features distinguish old style typefaces from later serif designs?

Accepted Answer

Old style typefaces, which developed from calligraphic handwriting, have fairly low contrast between thick and thin strokes. They feature diagonal stress in rounded letters such as o, and bracketed serifs that join smoothly to the stems. Garamond and Bembo are often cited as examples.

Question 11

How do transitional typefaces differ from old style faces in their contrast and stress?

Accepted Answer

Transitional typefaces show greater contrast between thick and thin strokes than old style faces, and their stress is more vertical. Serifs tend to be more sharply defined, with less bracketing. Baskerville is a frequently cited example, reflecting a shift toward more precise, mechanically regular forms.

Question 12

What characterizes modern typefaces, including Didone designs, in terms of contrast and serifs?

Accepted Answer

Modern typefaces have very high contrast between thick and thin strokes, vertical stress, and hairline, unbracketed serifs. Didone designs, such as Bodoni, are the classic examples, with thin strokes so fine they can nearly disappear at small sizes. The look is elegant at display sizes but less practical for long passages of body text.

Question 13

What visual traits distinguish slab serif typefaces from other serif families?

Accepted Answer

Slab serif typefaces have heavy, squarish serifs with little or no contrast between thick and thin strokes. Their sturdy, even appearance makes them popular for signage, labels, and typewriter-inspired designs. Examples include Rockwell and Clarendon. Their strong structure also helps them hold up at small sizes.

Question 14

What are sans serif typefaces, and what are common subcategories?

Accepted Answer

Sans serif typefaces lack serifs and usually have fairly uniform stroke weights. Common subcategories include neo-grotesque faces such as Helvetica, geometric faces such as Futura built from circles and straight lines, and humanist sans faces that echo calligraphic proportions. Each subcategory suits different tones, from neutral to geometric to friendly.

Question 15

What is a script typeface, and when is it best used?

Accepted Answer

Script typefaces imitate handwriting, ranging from formal copperplate styles to casual brush lettering. Their connected, flowing letters make them expressive, but they can be difficult to read in long text and at small sizes. They work best for short headlines, invitations, logos, and other display settings where personality matters more than legibility.

Question 16

What is a decorative or display typeface meant for, and what should designers watch for?

Accepted Answer

Decorative and display typefaces are designed to attract attention in large sizes, often featuring unusual shapes, ornaments, or strong thematic character. They suit posters, titles, and branding, but their distinctive features usually reduce readability in body text. Designers should use them sparingly and test them at the sizes where they will appear.

Question 17

What is a point, and how is type size usually measured?

Accepted Answer

A point is a unit of typographic measure, traditionally about one seventy-second of an inch in digital publishing. Type size is specified in points and refers to the font's em box rather than the height of a particular letter, so two fonts set at the same size can still look different in apparent scale.

Question 18

What is leading, and how is it measured in typesetting?

Accepted Answer

Leading is the vertical distance from one baseline to the next in a block of text, measured in points. Typical body text often uses leading of about 120 percent of the type size, though the right amount depends on the typeface and line length.

Question 19

What is kerning, and how does it differ from tracking?

Accepted Answer

Kerning is the adjustment of space between a specific pair of letters, such as a capital T followed by an o, to correct visual gaps or crowding. Tracking, by contrast, adds or removes space evenly across a range of characters, such as a word, line, or entire paragraph. Both adjustments affect the overall texture of text.

Question 20

What is word spacing, and why should designers avoid overly tight or loose settings?

Accepted Answer

Word spacing is the width of the space character between words. When it is too narrow, words run together and become hard to separate. When it is too wide, lines look full of holes and the eye struggles to track from one line to the next.

Question 21

What does line length, or measure, mean, and what is a comfortable range?

Accepted Answer

Line length, also called measure, is the number of characters or the width of a line. Most guidance for body text suggests roughly 45 to 75 characters per line, since lines that are much shorter or longer make it harder for readers to return smoothly to the start of the next line.

Question 22

What is hyphenation, and why do designers often control it in text?

Accepted Answer

Hyphenation splits a word across two lines, usually at a syllable break, with a hyphen placed at the line end. Automatic hyphenation can save space and reduce uneven gaps, but too many consecutive hyphenated lines make text harder to read. Designers therefore limit consecutive hyphens and check results by eye.

Question 23

What is the rag in ragged-right text, and why does it matter?

Accepted Answer

The rag is the pattern formed by the uneven right edge of lines in left-aligned or ragged-right text. A good rag has varied but not abrupt line lengths, and it avoids awkward shapes such as deep notches or long runs of lines that are all nearly the same width.

Question 24

What does typographic color mean, and which settings affect it most?

Accepted Answer

Typographic color describes the overall darkness or evenness of a block of text as it appears on the page. It depends on the typeface's weight and x-height, the amount of leading, and the spacing between letters and words. Evenly colored text looks orderly, while uneven color can distract readers.

Question 25

What is typographic hierarchy, and why does it matter?

Accepted Answer

Typographic hierarchy is the system of visual differences among text elements that tells readers which information is most important and how content is organized. Designers create it through variations in size, weight, color, spacing, and position. A clear hierarchy helps people scan a page and understand its structure before reading closely.

Question 26

What is a type scale, and how does it help designers?

Accepted Answer

A type scale is a set of related sizes, based on a consistent ratio, that a designer uses for headings, subheadings, body text, and captions. Using a defined scale creates predictable relationships between levels, which makes hierarchy feel deliberate rather than arbitrary.

Question 27

How does font weight contribute to typographic hierarchy, and what should designers avoid?

Accepted Answer

Font weight, the thickness of strokes within a family, signals emphasis because heavier strokes draw the eye first. Bold headings and regular body text create an easy contrast. Designers should avoid using too many weights or too many strong contrasts on one page, since readers then have difficulty deciding what matters most.

Question 28

What is contrast in hierarchy, and which variables create it?

Accepted Answer

Contrast in hierarchy is the degree of difference between two text elements, which makes them clearly distinguishable. Designers can create contrast through size, weight, typeface, style such as italic, color, case, and spacing. Strong contrast signals primary importance, while weak contrast suggests that two elements belong to the same level.

Question 29

What is legibility, and how does it differ from readability?

Accepted Answer

Legibility refers to how easily individual characters can be told apart, which depends largely on letterform design, spacing, and size. Readability refers to how easily a reader can comprehend and follow longer text, which also depends on line length, leading, layout, and the content itself. Designers therefore consider both when setting text.

Question 30

Why does sufficient contrast between text and background matter for readability?

Accepted Answer

Sufficient contrast between text and background means that letters stand out clearly from their surroundings. Low contrast, such as light gray text on a white page, can strain the eyes and make text harder to read, especially for people with low vision or those reading in bright light.

Question 31

Why do headings usually need tighter leading than body text?

Accepted Answer

Headings usually need tighter leading than body text because large type already creates generous visual space, so loose spacing makes multiline headings look disconnected. Reducing leading brings lines together as a unit. Body text needs more open leading so readers can track smoothly from one line to the next.

Question 32

What is an optical size, and why does it matter?

Accepted Answer

An optical size is a version of a typeface drawn or adjusted for a specific range of sizes, such as text, subhead, or display. Small-size versions usually have wider spacing, sturdier strokes, and larger apertures, while display versions have finer hairlines and tighter spacing.

Question 33

What is font pairing, and what is a simple approach to it?

Accepted Answer

Font pairing is the practice of combining two or more typefaces in one design. A simple approach is to contrast them clearly, such as pairing a sturdy sans serif heading with a readable serif body, rather than choosing two faces that are similar but not identical.

Question 34

Why is it often wise to limit a layout to two typefaces?

Accepted Answer

Limiting a layout to two typefaces keeps the design coherent and easier to read, because every additional face adds visual variety that competes for attention. A restrained set makes hierarchy easier to build using weight, size, and style within each family.

Question 35

What is alignment, and how do left, centered, and justified text differ?

Accepted Answer

Alignment describes how lines of text are positioned relative to the column edges. Left alignment creates a clean, even starting edge and a natural ragged right side. Centered text suits short items such as titles, while justified text forces both edges flush, which can create uneven word spacing unless hyphenation and spacing are managed.

Question 36

What role do margins and white space play in a layout?

Accepted Answer

Margins and white space frame the text block, separate elements, and give the eye places to rest. Generous margins can make a page feel calm and focused, while too little space makes text feel crowded and tiring to read. White space also helps group related items, so that readers understand which elements belong together.

Question 37

What is a gutter in a multi-column layout, and how does it differ from a margin?

Accepted Answer

A gutter is the space between columns of text or between facing pages in a book, while a margin is the space between the outer text block and the edge of the page. Gutters keep adjacent columns distinct, so readers can track each column without confusion.

Question 38

Why do designers align text and other elements to an underlying grid?

Accepted Answer

An underlying grid is an invisible structure of columns, rows, and margins that guides where text blocks, images, and headings are placed. Aligning elements to a shared grid creates order and consistency across pages, making a document easier to scan and navigate. Grids also speed up decisions, because each element has a logical home.

Question 39

What should designers consider when setting text for a poster viewed from a distance?

Accepted Answer

Text for a poster should be large enough to read from the expected viewing distance, with a strong headline that establishes the main message first. Designers should choose a clear, sturdy typeface, keep line lengths short, and maintain high contrast with the background.

Question 40

How do you check that a layout's typography works before publishing?

Accepted Answer

Review a layout by printing or viewing it at actual size, reading the full text rather than skimming, and checking whether the hierarchy is clear at a glance. Look for inconsistent spacing, orphaned words, awkward rag shapes, and places where alignment drifts from the grid.

Typography Fundamentals Flashcards

1Letterform Anatomy and Terms

2Classifying Typefaces

3Measurement and Spacing

4Hierarchy and Readability

5Applied Layout and Pairing

Learning Resources