Foreword |
|
ix | |
Preface |
|
xi | |
Responsive Typography: An Introduction |
|
xvii | |
|
Part I A Bit of Backstory |
|
|
|
1 On the Merits of Letters |
|
|
3 | (14) |
|
First, a Few Terms Explained |
|
|
3 | (1) |
|
Words Have Meaning, but Letters Have Emotion |
|
|
4 | (2) |
|
|
6 | (3) |
|
|
6 | (3) |
|
The Evolution of Type on the Web |
|
|
9 | (4) |
|
1990s--2007: The Angry Designer Years |
|
|
10 | (1) |
|
A Step Sideways: Font-Replacement Techniques |
|
|
11 | (1) |
|
|
12 | (1) |
|
|
12 | (1) |
|
Dawn of a New Design Paradigm |
|
|
12 | (1) |
|
Font Format Finagling: Who Shows What and Where |
|
|
13 | (3) |
|
|
16 | (1) |
|
|
17 | (4) |
|
A Concise History of Font Rendering |
|
|
17 | (2) |
|
Hinting: Crib Notes for Font Rendering |
|
|
19 | (2) |
|
3 Where Is Typography in the Design Process? |
|
|
21 | (8) |
|
There Is No "Content First" Without Typography |
|
|
22 | (7) |
|
|
25 | (1) |
|
Variety (Is the Spice of Type) |
|
|
25 | (1) |
|
|
25 | (4) |
|
Part II Getting Started with Web Fonts |
|
|
|
4 Buy or Borrow: The Designer's Dilemma |
|
|
29 | (6) |
|
First Things First: Weigh the Dollars and Sense |
|
|
29 | (2) |
|
Type 101: A Font Is Not a Typeface |
|
|
31 | (1) |
|
|
32 | (1) |
|
|
32 | (1) |
|
|
32 | (1) |
|
|
32 | (1) |
|
Something Borrowed (er, Rented): Using a Service |
|
|
33 | (2) |
|
5 Performance: Get Fonts on Your Site, Fast |
|
|
35 | (8) |
|
|
35 | (3) |
|
|
37 | (1) |
|
|
37 | (1) |
|
Add the Performance and Progression Flair |
|
|
37 | (1) |
|
|
38 | (1) |
|
|
39 | (2) |
|
Even Faster: Load Only the Letters You Use |
|
|
41 | (1) |
|
Connecting Performant with Progressive |
|
|
42 | (1) |
|
6 Be Progressive: Font Sizing and FOUT |
|
|
43 | (12) |
|
|
43 | (2) |
|
|
45 | (1) |
|
Tuning Up Your Fallback CSS |
|
|
46 | (9) |
|
Progressive Enhancement or Graceful Degradation? |
|
|
51 | (4) |
|
7 Proportion: Make It Scale, Make It Right |
|
|
55 | (8) |
|
|
55 | (1) |
|
A More Modern Measured Scale |
|
|
56 | (1) |
|
One Size Won't Rule Them All |
|
|
57 | (1) |
|
|
58 | (1) |
|
|
58 | (2) |
|
|
60 | (1) |
|
|
61 | (1) |
|
|
61 | (2) |
|
8 Polish: Finessing the Fine Points |
|
|
63 | (10) |
|
Start with the Details---Then Get Really Specific |
|
|
63 | (1) |
|
|
64 | (1) |
|
|
64 | (2) |
|
|
66 | (1) |
|
What With Issues of Syntax and File Size, Why Bother? |
|
|
67 | (1) |
|
|
67 | (2) |
|
|
69 | (1) |
|
One More for the Road (or the Beginning of Your Paragraph) |
|
|
69 | (2) |
|
|
71 | (2) |
|
9 Notes, Notions, and Sending You on Your Way |
|
|
73 | (4) |
|
Dynamic Scaling: Great for Layout, Not So Great for Type |
|
|
73 | (1) |
|
Windows XP: Killing Good Typography Since 2001 |
|
|
73 | (1) |
|
Don't Turn Around---uh-oh (Just Turn a Little Bit) |
|
|
74 | (1) |
|
A Shadow Without Sunshine |
|
|
74 | (1) |
|
|
74 | (1) |
|
|
74 | (1) |
|
Wrap It Up and Put a Bow on It |
|
|
75 | (2) |
A Web Font Services |
|
77 | (4) |
B Responsive Typography and Web Fonts in Email |
|
81 | (2) |
Index |
|
83 | |