Typography Fundamentals
Core typography concepts every designer and developer should know — from type anatomy to hierarchy and spacing.
Typeface vs. Font: What's the Difference and Why It Matters
Typeface is the design family, font is a specific instance. This distinction matters for licensing, CSS, and communicating with designers.
Typographic Color: Achieving Even Text Texture
Typographic color isn't about literal color — it's the visual density of text on a page. Learn how to achieve that perfectly even, comfortable texture.
Type Anatomy 101: Every Part of a Letter Explained
Learn the building blocks of typography — from baselines and x-heights to stems, bowls, and terminals. Understanding type anatomy helps you choose better fonts.
Kerning, Tracking, and Leading: Mastering Type Spacing
The three pillars of type spacing — kerning (letter pairs), tracking (overall letterspacing), and leading (line spacing). Small adjustments, big impact.
Serif vs. Sans-Serif for the Web: The Definitive Comparison
The oldest debate in typography, answered for the web. When to use serif, when to use sans-serif, and what the research actually says.
Font Classification Guide: Serif, Sans-Serif, and Everything Between
A practical guide to font classification — serif vs. sans-serif, humanist vs. geometric, display vs. body. Know the families to choose the right font for any project.
Typographic Hierarchy: Guide the Reader's Eye
Create clear visual hierarchy with font size, weight, color, and spacing. Learn the principles that make content scannable and easy to navigate.
X-Height and Readability: Why Some Fonts Feel Larger
Fonts at the same pixel size can look dramatically different. The secret is x-height — and it affects readability more than you think.
Monospace Fonts: A Developer's Guide to Picking the Perfect Coding Font
Choosing a coding font is a daily decision that affects productivity. Compare the best monospace fonts for programming — ligatures, readability, and style.
OpenType Features: Ligatures, Small Caps, and Beyond
Unlock hidden font features — ligatures, small caps, tabular numbers, stylistic alternates, and more. Most fonts have capabilities you've never used.