Nice Web Type

For the betterment of typographic style and practice.

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.

I wrote a small book about combining typefaces. Buy it for less than the cost of a fancy beverage.

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. · Typekit blog

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.

Modular Scale · ALA #327 · Build talk

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.

Web Font Specimen · ALA #296

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.

Selected shots from Dribbble

Preview of Freight Sans on Typekit. Don’t miss the followup that explains shading with CSS text-shadows.

View this shot.

Essay on typesetting and example composition for my A List Apart article, More Meaningful Typography.

View this shot.