Responsive Typography

Jason Pamental has been blending design & technology since the early days of Mosaic and Netscape. Through years in both creative and technical leadership roles for Fortune 100 clients, well-renowned professional sporting sites, and a host of other clients large and small, Jason brings in-depth experience in a broad range of disciplines. Ranging from branding, print design, all aspects of web design and development and even data-center infrastructure management, he most enjoys challenges that draw upon all his diverse experiences to truly transform his clients' businesses. In recent years, besides co-founding H+W Design (http: //www.hwdesignco.com), he's also begun sharing more of his unsolicited advice with the Drupal community, speaking and teaching workshops at various web conferences and writing on sites like Fonts.com and Typecast.com about things he's done wrong, in the hopes that others might fare just a bit better than him.

A Bit of Backstory
Chapter 1On the Merits of Letters
First, a Few Terms Explained
Words Have Meaning, but Letters Have Emotion
Remember to Be Memorable
The Evolution of Type on the Web
Font Format Finagling: Who Shows What and Where
And So the Stage Is Set
Chapter 2Progressive Progress
A Concise History of Font Rendering
Hinting: Crib Notes for Font Rendering
Chapter 3Where Is Typography in the Design Process?
There Is No “Content First” Without Typography
Getting Started with Web Fonts
Chapter 4Buy or Borrow: The Designer’s Dilemma
First Things First: Weigh the Dollars and Sense
Type 101: A Font Is Not a Typeface
DIY: Self-Hosting
Something Borrowed (er, Rented): Using a Service
Chapter 5Performance: Get Fonts on Your Site, Fast
Self-Hosting
Using a Service
Google Web Font Loader
Even Faster: Load Only the Letters You Use
Connecting Performant with Progressive
Chapter 6Be Progressive: Font Sizing and FOUT
On Units of Measure
FOUT Is Our Fault
Tuning Up Your Fallback CSS
Chapter 7Proportion: Make It Scale, Make It Right
Out of Step and Size
A More Modern Measured Scale
One Size Won’t Rule Them All
Hyphenation
Take It from the Top
Respect the White Space
Implementing the Scale
And so…
Chapter 8Polish: Finessing the Fine Points
Start with the Details—Then Get Really Specific
When Is an ff Not an ff?
A Hint of History
The Details, Please
A Reasoned Approach
One More for the Road (or the Beginning of Your Paragraph)
Pulling It All Together
Chapter 9Notes, Notions, and Sending You on Your Way
Dynamic Scaling: Great for Layout, Not So Great for Type
Windows XP: Killing Good Typography Since 2001
Icon Fonts
Wrap It Up and Put a Bow on It
Appendix Web Font Services
Fontdeck.com
Fonts.com
Google.com/fonts
Adobe Typekit.com
Typography.com
WebINK.com
Webtype.com
Appendix Responsive Typography and Web Fonts in Email
Resources