Typographic Web Design: How to Think Like a Typographer in HTML and CSS

About the Author v Acknowledgments viii Introduction Part 1: How to Choose a Font CHAPTER 1 Anatomy and Legibility: Is the Font Easy to Read? 11 Lesson 1: Compare and Contrast Fonts Online 16 CHAPTER 2 Aesthetics and Emotions: Does the Font Convey the Right Message? 21 Lesson 2: Word Connotations 25 CHAPTER 3 Contrast, Styles, and Characters: Can the Font Do the Job? 37 Lesson 3: A Short Bibliography, Part 1 42 CHAPTER 4 Choosing Two Fonts to Work Together 51 Lesson 4: A Short Bibliography, Part 2 56 Interlude 1: Rhythm and Tension CHAPTER 5 Rhythm and Tension in the Typographic Layout 65 Lesson 5: A is for Alignment 72 Part 2: Making Type Work: Scanning with Purpose CHAPTER 6 How We Read, Part 1 89 Lesson 6: A Film Series, Part 1 96 CHAPTER 7 Chunking Information: Vertical Spacing and Proximity 105 Lesson 7: A Film Series, Part 2 110 CHAPTER 8 Chunking Information with Headings: Hierarchy and Similarity 115 Lesson 8: A Film Series, Part 3 120 CHAPTER 9 Attending to Typographic Details 125 Lesson 9: A Film Series, Part 4 131 Interlude 2: Tabular Information CHAPTER 10 A Typographic Approach to Tabular Information 143 Lesson 10: A Ferry Schedule for Martha's Vineyard 147 Part 3: Making Type Work: Casual and Sustained Reading CHAPTER 11 How We Read, Part 2 163 Lesson 11: A Recipe, Part 1 169 CHAPTER 12 Expressing Structure and Rhythm: The Grid 183 Lesson 12: A Recipe, Part 2 190 CHAPTER 13 Helping Readers Move through the Site: Navigation 207 Lesson 13: A Recipe, Part 3 212 CHAPTER 14 Applying Systems across Pages 225 Lesson 14: A Recipe, Part 4 229 Interlude 3: Building a Font Library CHAPTER 15 Building a Font Library 241 Lesson 15: Critically Analyze Fonts 254 Part 4: Designing with Type: Historical Styles CHAPTER 16 The Traditional Page 271 Lesson 16: Design and Produce a Website from a Traditional Approach 276 CHAPTER 17 The Modernist Page 283 Lesson 17: Design and Produce a Website from a Modernist Approach 287 CHAPTER 18 The Post-Modernist Page 291 Lesson 18: Design and Produce a Website from a Post-Modernist Approach 295 APPENDIX A Moving Forward: Recommended Readings and Resources 299 Bibliography 301 Index 303