Typography is the art and technique of arranging type to make written language readable, legible, and visually appealing. At its foundation, typography classifies typefaces into broad families based on their structural characteristics. Serif typefaces (like Times New Roman, Georgia, and Garamond) feature small decorative strokes called serifs at the ends of letter stems, a heritage from Roman stone carving where chisel marks naturally produced these flourishes. Sans-serif typefaces (like Helvetica, Arial, and Inter) lack these decorative strokes, producing a cleaner, more geometric appearance that became dominant in modern digital interfaces. Other classifications include monospaced fonts (equal character widths, essential for code), slab serifs (thick, block-like serifs for impactful headlines), and display fonts (decorative typefaces designed for large sizes).

Font pairing is the practice of selecting two or more complementary typefaces that work harmoniously together within a design. The fundamental principle is contrast with compatibility: paired fonts should be visually distinct enough to create hierarchy (clearly differentiating headings from body text) while sharing enough underlying characteristics to feel cohesive. The most reliable pairing strategy combines a serif and a sans-serif font, leveraging the natural contrast between the two classifications. Successful pairs often share similar proportions (x-height, character width) or historical context, such as pairing humanist sans-serifs with old-style serifs because both draw from calligraphic traditions.

Visual hierarchy in typography uses size, weight, and font choice to guide the reader's eye through content in the intended order. Heading fonts are typically bolder and larger, establishing the topic, while body fonts prioritize sustained readability at smaller sizes with comfortable line spacing. Typographic scales provide mathematical frameworks for sizing, with each level calculated by multiplying the base size by a consistent ratio. Common scale ratios include the Minor Third (1.2), Major Third (1.25), Perfect Fourth (1.333), and the Golden Ratio (1.618), each producing progressively more dramatic size differences between levels.

The technical delivery of web fonts has evolved significantly. Google Fonts, launched in 2010, democratized access to high-quality typefaces by providing free, open-source fonts served through a global CDN. Modern font loading strategies use the font-display CSS descriptor to control how text renders while fonts load: swap shows fallback text immediately and swaps when the font arrives, optional gives the font a brief window to load before falling back permanently, and block briefly hides text to prevent the flash of unstyled text. Variable fonts, a newer technology, contain an entire family of weights and styles in a single file, reducing the number of HTTP requests and enabling smooth animation between font weights.