Typography for the Web: Webinar Recap and Resources

Web typography, simplified, decoded, deconstructed. That was the focus of our sixth “Breakthroughs” webinar, featuring Tim Brown, type manager at Typekit and author of the great blog Nice Web Type. Thanks to cross-browser support for CSS @font-face—and font services such as Typekit that make licensing and implementing distinct typefaces easy to do—typographic customization and control are at web designers’ fingertips like never before.

No longer are designers confined and constricted by the curse of too few typefaces. No longer do we have to design with one hand behind our backs. As Tim mentioned, designers had been forced to design to technological constraints and kludgy workarounds first, rather than focusing our design talents and skills on the content and user experience of reading that content. But with services like Typekit, Web Type, Fontdeck and many others, designers are able to meet web standards and aesthetic standards simultaneously. We can focus on creating content that is readable, functional, searchable, accessible and, yes, beautiful. Because beauty matters and is an important part of the user experience.

We discussed the history of web type and then gave Tim the floor to show his clear and instructive demo, which reiterated elements covered in past webinars of this series; namely HTML5, CSS3 and responsive design techniques. He explained elements that support typographic control: the ability to create paragraph indents, for example, and the aside tag, which makes for a more seamless integration of pull quotes, contextual references, and navigation elements in an HTML structure. Good typography doesn’t exist in a vacuum of typefaces alone—it takes a system to create good typography. And part of this system is structure.

On a macro level, Tim repeatedly referred to our ability to, through good typography and design, enhance our designs with content conceived from the ground up. Starting with the strategic selection of typefaces that cascade throughout the layout, we can infuse meaning into designs in ways that weren't possible with limited typefaces and differentiate our websites from others.

Tim also spoke about how effortless it now is to use typefaces legally—difficult to do before type services came around, so even designers who wanted to license fonts could not. And of course, paying for fonts is the right thing to do—type designers deserve to be paid for their work—so web-font services make doing the right thing easy. For designers, clients and users, it’s a win-win situation.

In addition to the links provided, AIGA members can log in to watch the archive of this webinar.


Demos created by Tim Brown for AIGA

Typekit links

Additional web font services

Web dev resources

Articles, videos and tutorials

About the Author: Callie Neylan is an Assistant Professor of design at UMBC (University of Maryland, Baltimore County) in Baltimore, Maryland. She is interested in interaction design, the urban space, and designing for the disabled. She writes about design and technology for AIGA and NPR.org and tweets via @neylano.