Typography Journal
Field notes and long-form essays for people who care about how type is set.
Microtypography: The Punctuation Details That Signal Craft
Dashes, quotation marks, ellipses, and spaces. Individually invisible, collectively the difference between typeset and typed.
Lining, Oldstyle, and Tabular Figures: The Numbers Most Designers Forget to Set
Four figure styles, two axes, and one CSS property that fixes the jittering numbers in your dashboard.
Readability Scores: What Flesch Actually Measures and Where It Fails
Reading ease formulas are useful, cheap, and routinely misread. Understanding the arithmetic tells you exactly how far to trust the number.
Uppercase, Title Case, and Small Caps: Choosing Case With Intent
Case is a typographic decision disguised as a grammar decision, and it changes how fast a line can be read.
Tracking, Kerning, and Letter-Spacing: Three Words, Three Different Jobs
The three terms get used interchangeably in briefs and almost never mean the same thing. Here is what each one actually controls.
Responsive Typography Patterns: From Mobile to Desktop Without Breaking Rhythm
Typography that scales gracefully across viewports is not about media queries alone. It is about proportional systems that adapt continuously.
CSS Text Effects: Shadows, Outlines, Gradients, and Masks in Practice
A hands-on guide to the CSS properties that transform plain text into visual statements — and the pitfalls to avoid along the way.
Color and Typography: Building Accessible Text That Everyone Can Read
Contrast ratios, color blindness, and dark mode — the accessibility rules that govern how text meets color on the web.
Web Font Loading Strategies: From Flash of Invisible Text to Smooth Rendering
How you load a font matters as much as which font you choose. A practical guide to font-display, preloading, and the invisible-text problem.
Variable Fonts on the Web: One File, Infinite Possibilities
Variable fonts pack an entire type family into a single file. Here is why that matters for performance, design, and the future of web typography.
Hierarchy, Contrast, and Rhythm: The Three Levers of Typographic Layout
Every good page comes from three decisions repeated with discipline. Here is how to make them.
Font Pairing: A Working Framework You Can Apply This Afternoon
Stop guessing which two fonts get along. The rules are shorter than you think.
Fancy Unicode Text: The Practical Guide for Social and Brand Work
Where the italic bios and bold headers on Instagram come from — and where using them will backfire.
Why 45–75 Characters Per Line Is the Rhythm of Good Reading
Line length is the most under-discussed variable in web typography — and the easiest one to fix.
The Anatomy of a Typeface: A Field Guide for Everyday Designers
Ascenders, x-height, counters, apertures — the vocabulary that makes type criticism precise instead of vague.