Awesome
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