NeedFontDocumentation
Typography Fundamentals

Type Classification

How typefaces are categorized by visual characteristics and historical origin.

Evolution of Type Styles

Type design has evolved dramatically over 500 years. Each era brought new styles reflecting technology, aesthetics, and cultural values.

Aa
Old Style
1470s
Aa
Transitional
1750s
Aa
Modern
1780s
Aa
Sans Serif
1816+

Serif Classifications

Serifs are the small projecting features at the ends of strokes. Serif typefaces are often associated with tradition, elegance, and readability in long-form text.

Old Style

15th–17th century

Moderate contrast, angled stress, bracketed serifs

Examples: Garamond, Caslon, Jenson

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Transitional

18th century

Higher contrast, vertical stress, refined serifs

Examples: Baskerville, Times

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Modern (Didone)

Late 18th century

Extreme contrast, hairline serifs, vertical stress

Examples: Bodoni, Didot, Playfair

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Slab Serif

19th century

Heavy, block-like serifs, low contrast

Examples: Rockwell, Clarendon, Roboto Slab

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Sans Serif Classifications

Sans serifs lack the small projecting features of serif typefaces. They emerged in the 19th century and now dominate digital interfaces due to their clean, modern appearance.

Grotesque

19th century

Early sans serifs, some stroke contrast, compact forms

Examples: Akzidenz-Grotesk, Franklin Gothic, Oswald

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Neo-Grotesque

Mid 20th century

Uniform strokes, neutral appearance, minimal personality

Examples: Helvetica, Univers, Inter

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Humanist

20th century

Calligraphic influence, open forms, warmth

Examples: Gill Sans, Frutiger, Lato

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Geometric

1920s–present

Based on circles and geometric shapes, modern feel

Examples: Futura, Avant Garde, Poppins

Hamburgefonstiv
The quick brown fox jumps over the lazy dog.

Side-by-Side Comparison

Compare how the same text looks across different type classifications.

Old Style (EB Garamond)
Typography
Transitional (Libre Baskerville)
Typography
Modern (Playfair Display)
Typography
Slab (Roboto Slab)
Typography
Grotesque (Oswald)
Typography
Neo-Grotesque (Inter)
Typography
Humanist (Lato)
Typography
Geometric (Poppins)
Typography

Other Type Categories

Display / Decorative

Designed for headlines and large sizes. Often highly stylized and not suitable for body text.

Headlines

Monospace

Each character occupies the same horizontal space. Essential for code and tabular data.

const x = 42;

Script / Handwritten

Mimics calligraphy or handwriting. Used for invitations, branding, and decorative purposes.

Elegant Script

Variable Fonts

Modern format allowing infinite variations of weight, width, and other axes in a single file.

LightRegularBold