For the betterment of typographic style and practice.
Nice Web Type
Nice Web Type is one place for web typography, following experiments, advancements, and best practices in typesetting web text. Handcrafted by Tim Brown, Type Manager for Adobe Typekit.
Twitter: @nicewebtype
Dribbble: timbrown
Typesetting Body Text
Watch my talk about typesetting body text for the web, developing a feel for the forces in type, and anchoring our work on typography.
And try the demo, debuted at An Event Apart, Atlanta 2015.
Tools for web typesetting
Every morning I crack open my laptop, grab a cup of black coffee, and put my most passionate energy into making these tools. They are each integral to my design process, and I love using them.
Typekit is the easiest to use, most web-native typography tool. Built and used by some of the smartest developers and designers alive, trusted by agencies, publishers, and brands around the globe, it’s been my tool of choice since I started designing with web fonts in 2009.
Modular Scale is a calculator for ratio-based measurement in web design. By basing the dimensions of our compositions on values from modular scales, we can achieve a visual harmony not found in layouts that use arbitrary, conventional, or easily divisible numbers.
Web Font Specimen is a handy, free resource web designers and type designers can use to see how typefaces will look on the web. Debuted in a special issue of A List Apart, Web Font Specimen is now in its second iteration, and is being built into other tools and websites.
Resources for web typographers
Books, references, advice, techniques, explanations, tools, as well as top-secret tips and tricks I use to do my best work — for folks with intermediate to advanced web skills. Beginners, start here.
Style Tiles 
Use fonts, colors, and interface elements informally to help shape conversation and clarify goals. By Samantha Warren.
Ffffallback 
Try different fallback fonts right in your browser, and see how fallback choices match up visually with your ideal typefaces. By Josh Brewer.
The Elements of Typographic Style Applied to the Web 
Advice from Robert Bringhurst’s book, applied in web context. Last updated in 2005, but still good. By Richard Rutter.
CopyPasteCharacter
Quick copy/paste access to symbols and analphabetic marks, as both text and HTML entities. By Konst & Teknik and Martin Ström.
jQuery Masonry
Minimize vertical gaps between CSS “bricks” with this jQuery layout plugin. “Just like a mason fitting stones in wall.” By David DeSandro.
Lettering.js
Use this jQuery plugin to style individual letters, words, and lines of text without extraneous markup. By Dave Rupert and Trent Walton.
Whatfont
Hover on web text to see which typefaces are being used. Click web text for even more info, like font-size and line-height. By Chengyin Liu.
HTML5 Boilerplate
Start projects quickly and cover your bases using this HTML/CSS/JS template with built-in best practices. By Paul Irish, Divya Manian, and others.
Cinch
Set Mac OS X windows side-by-side by dragging them to screen edges. Great for comparing typefaces. By Irradiated Software.
- Tip
- Utility
- Reference
Selected shots from Dribbble
Preview of Freight Sans on Typekit. Don’t miss the followup that explains shading with CSS text-shadows.
Essay on typesetting and example composition for my A List Apart article, More Meaningful Typography.