📘 Class Notes: Typography & Font Design
1. What Is Typography?
Typography is the art and technique of arranging type to make written language
readable, clear, and visually appealing. It includes the selection of typefaces,
point sizes, line lengths, spacing, and layout.
Importance of Typography
Improves readability and comprehension
Communicates tone and emotion
Essential in branding, documents, websites, and printing
2. Typeface vs Font
Typeface: A family of characters with a common design
Example: Helvetica
Font: A specific style within a typeface
Example: Helvetica Bold 12pt
3. Classification of Typefaces
1. Serif
Small decorative strokes at the ends of letters
Examples: Times New Roman, Garamond
Common in books and printed documents
2. Sans Serif
No decorative strokes
Examples: Arial, Helvetica
Popular for screens and modern design
3. Script
Imitates handwriting
Used for invitations and decorative text
4. Display
Decorative and expressive
Used for headlines and posters
4. Anatomy of Type
Important parts of letterforms:
Baseline: The line on which text sits
X-height: Height of lowercase letters
Ascender: Part of a letter above the x-height
Descender: Part of a letter below the baseline
Cap height: Height of uppercase letters
5. Spacing in Typography
Kerning
Adjustment of space between individual letters
Improves visual balance
Tracking
Uniform spacing across a word or line
Leading
Vertical space between lines of text
6. Readability vs Legibility
Legibility: How easily individual characters are recognized
Readability: How easily text can be read in blocks
Good typography balances both.
7. Digital Font Formats
TTF (TrueType Font)
OTF (OpenType Font) – advanced typography features
WOFF / WOFF2 – web fonts
8. Font Design Process (Basic)
Research & concept development
Sketching letterforms
Digitizing glyphs
Adjusting spacing & kerning
Testing readability
Exporting font files
9. Variable Fonts (Overview)
A single font file with adjustable axes
Common axes: weight, width, slant
Reduces file size and increases flexibility
10. Uses of Typography
Books and newspapers
Identity & branding
User interfaces (UI/UX)
Official documents and certificates
11. Summary
Typography combines art, technology, and communic