charliewilco / type-findings

A curated list of posts about web typography

Type Findings

Just a curated list of posts (read: every fucking thing I've had bookmarked) about typography with a focus on screens that I've loved or made me think or challenged me in someway or another. More on the way, I promise.

Contributing

Uh, please do?

Required Reading

• "Web Design is 95% Typography" by Oliver Reichenstein
• "On Web Typography" by Jason Santa Maria
• "Upping Your Type Game" by Jessica Hische
• "Why Typography Matters" by Max Brody
• "UI is visible. Type is visible." by Mark Boulton

Finding & Using Type

• "5 Faces for UI Design" by Daniel Eden
• "Superhero Superfamilies" by Daniel Eden
• "Choosing Type and Finding Fonts" by Robbie Mason
• "The Voices of Type" by Eben Sorkin
• "Pairing Typefaces" by Mandy Brown
• "Design By Numbers: Typography" by Daniel Eden
• "There is no excuse for bad typography on the web." by Joshua Eithun
• "Run Ragged" by Mark Boulton
• "Typ.io"
• "7 Alternatives to Popular Web Typefaces for Better Performance" by Katie Kovalcin
• "Selecting Typefaces for Body Text" by Tim Brown

CSS

• "Responsive Typography | ARWHD" by Charles Peters
• "Fluid Type" by Trent Walton
• "Typesetting your CSS Objects" by Spiros Martzoukos
• "Aligning type to baseline the right way using SASS" by Razvan Onofrei
• "Optimize Legibility" by Dmitry Fadeyev
• "Please Stop Fixing Font Smoothing" by Dmitry Fadeyev
• "Hyphens, Text Rendering, and Font Feature Settings" by Chris Mills
• "Readable, Fluid Type With Basic CSS Smarts" by Val Head
• "There’s more to the CSS rem unit than font sizing" by Roman Rudenko
• "Font Sizing Idea" by Chris Coyier
• "Minimising Font Downloads" by Jake Archibald
• "Loading webfonts with high performance on responsive websites" by Adam Beres-Deak

Online Tools

• Scale & Rhythm
• Type Set With Me
• Type Scale
• FFFFallback — A simple tool for bulletproof web typography.
• Type.css — A mobile first responsive type scale
• CSS Font Stack — A complete collection of web safe CSS font stacks and web font CSS.

Purely Visually Stimulating

• "Whitespace" by Marcin Wichary
• "Google Web Fonts Typographic Project" by Phoebe E

Blogs

Books

• Butterick’s Practical Typography by Matthew Butterick
• On Web Typography by Jason Santa Maria (excerpt)
• Advanced Web Typography by Elliott Jay Stocks (forthcoming)

Open Source Typefaces

• Open Sans
• Fira Sans
• Fira Mono
• Source Sans Pro
• Source Serif Pro
• Playfair
• Roboto
• Clear Sans