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

  • ISBN13:


  • ISBN10:


  • Format: Paperback
  • Copyright: 2011-11-08
  • Publisher: Wiley
  • Purchase Benefits
  • Free Shipping On Orders Over $35!
    Your order must be $35 or more to qualify for free economy shipping. Bulk sales, PO's, Marketplace items, eBooks and apparel do not qualify for this offer.
  • Get Rewarded for Ordering Your Textbooks! Enroll Now
List Price: $39.99


Typographic Web Design: How to Think Like a Typographer in HTML and CSS is based on the premise that people read in three different ways: casual reading, scanning with purpose, and sustained reading. As web typographers, our most important job is to help our readers find, understand, and connect with the words, ideas, and information they seek. Thus, legibility and readability are the foundation of the typographic theories and practice covered in Typographic Web Design: choosing fonts, creating rhythm and tension, organizing information, creating a system of hierarchy, working with tabular information, creating a grid, applying a typographic system across multiple pages, building a font library, and learning from historical approaches to typography. Each chapter provides time-tested typography "rules" to follow (modified for the web), explains why they work, when to break them, and offers readers the opportunity to test the rules with hands-on exercises in html/css. Topics include: "What makes a font legible? "How Do I Choose Two Fonts to Work Together? "Linking fonts with @font-face "Rhythm and Tension in the Typographic Layout "Vertical Spacing and Proximity "A Typographic Approach to Tabular Information And so much more...

Table of Contents

About the Author v

Acknowledgments viii


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

Rewards Program

Write a Review