Typography Study Guide

📖 Core Concepts Typography – art & technique of arranging type to make written language legible, readable, and visually appealing. Typeface vs. Font – a typeface is the overall design of a character set; a font is a specific size, weight, and style of that typeface. Legibility – how easily individual characters are distinguished; depends on character shape, case, size, and design clarity. Readability – how easily a block of text is read and understood; shaped by line length, spacing, margins, and overall layout. Key typographic variables – point size, line length, leading (line spacing), tracking (overall letter spacing), kerning (pair‑specific spacing). 📌 Must Remember Serif vs. Sans‑Serif – serifs have projecting strokes that guide the eye; sans‑serif lack them and are common for headings, signage, and screens. Blackletter – Gothic style mimicking medieval hand‑lettering, rarely used for body text. Old‑Style Roman – uniform stroke weight, humanist roots. Modern Roman – strong contrast between thin horizontals and thick verticals. International Typographic (Swiss) Style – clean sans‑serif, grid‑based layout, emphasis on clarity; Helvetica is the model face. Legibility boosters – larger point size, adequate contrast, appropriate case (avoid all‑caps for body), balanced stroke contrast. Readability boosters – line length ≈ 45–75 characters, generous leading, high text/background contrast, ragged‑right alignment. 🔄 Key Processes Choosing a Typeface → decide on serif, sans‑serif, or decorative based on medium & tone. Setting Point Size & Leading → pick size for legibility; set leading ≈ 120–145 % of point size. Adjusting Tracking & Kerning → apply uniform tracking for overall spacing; fine‑tune kerning for problematic pairs (e.g., “AV”, “To”). Creating Hierarchy → use larger, bolder display fonts for headings; smaller, lighter body fonts for paragraphs. Responsive Typography → scale type size, line length, and spacing according to screen dimensions (mobile → larger leading, shorter line length). 🔍 Key Comparisons Serif vs. Sans‑Serif – Serif: better for dense body text, traditional tone. Sans‑Serif: better for headings, digital screens, modern tone. Old‑Style Roman vs. Modern Roman – Old‑Style: uniform weight, warm, classic. Modern: high contrast, crisp, formal. All‑Caps vs. Mixed‑Case – All‑Caps: higher visual impact but reduces legibility/readability. Mixed‑Case: preserves word shape, improves flow. Fully Justified vs. Ragged‑Right – Justified: even right margin, can create large gaps → lower readability. Ragged‑Right: uneven margin, preserves word shape → higher readability. ⚠️ Common Misunderstandings “Typeface = Font” – they are distinct; a typeface is the design, a font is a concrete instance (size/weight). “Sans‑Serif always more legible” – legibility depends on context; serifs aid long‑form reading, especially in print. “More decorative = better design” – excessive decoration can sacrifice legibility and readability. “All‑caps increase emphasis” – overuse reduces word shape cues, making text harder to scan. 🧠 Mental Models / Intuition “Eye‑Guide” – think of serifs as tiny guide rails that help the eye follow a line of text. “Typographic Rhythm” – spacing (tracking/kerning) is the beat; proper rhythm lets the reader glide smoothly. “Hierarchy Ladder” – each rung (size, weight, style) signals importance; climb from body (lowest) to headline (highest). 🚩 Exceptions & Edge Cases All‑caps for logos/branding – acceptable because the goal is visual impact, not body reading. Highly condensed fonts in newspaper columns – used to save space; readers accept reduced legibility due to context. Justified text in narrow columns – may be acceptable when space is limited, but watch for “rivers” of white space. 📍 When to Use Which Body text (print) → serif, 10–12 pt, moderate leading, ragged‑right. Web/mobile UI → sans‑serif, responsive scaling, high contrast, larger leading for touch screens. Headlines & display → bold, high‑contrast sans‑serif or decorative serif, larger point size, tight tracking for impact. Brand identity → choose typeface that matches brand personality (serif = tradition, sans‑serif = modern, blackletter = historic/gothic). 👀 Patterns to Recognize Long line length + cramped leading → poor readability → likely a distractor in exam questions. High stroke contrast + small point size → legibility drop on low‑resolution screens. Consistent use of a single type family for hierarchy → good design practice; mixed families without clear contrast often signal a mistake. 🗂️ Exam Traps Choosing “serif = always more readable” – exam may present a short digital paragraph where sans‑serif is actually superior. Assuming “all‑caps = emphasis” is always correct – may be penalized when the question asks about legibility of body copy. Mixing fonts without considering weight/width contrast – a common wrong‑answer choice when asked about effective font pairing. Selecting fully justified text for narrow columns – distractor; ragged‑right is generally preferred for readability. --- All information above is drawn directly from the provided outline.