THE NEW WEB TYPOGRAPHY by BOSS, STEPHEN -- Read -- Imperial Library of Trantor

Index

Cover Half Title Title Page Copyright Page Table of Contents Introduction What Is Good Typography 1 Overview

Choosing the Right Typeface Building a Fluid Font Stack

2 Type Basics

What is a Glyph? What is a Font? What is Web Typography? Bitmap vs. Vector Understanding Type on the Web Anatomy of a Character Typeface Variations Types of type: Display or Body Classifying Type for the Web Type Styles Character and Text Encoding On the Web OpenType

3 Finding Fonts

Solutions for Fonts on the Web Adding Fonts: the Font Stack Web-Safe Fonts Webfonts Firefox and the Cross-Domain Conundrum Installing Webfonts on Your Computer End User License Agreements and You Webfont Service Bureaus

4 Choose Fonts

Types of Type What Your Font Must Have Factors to Consider Combining Type Checklist for Choosing Type Interview with Nicole Arnett Phillips

5 Style

Consistency in Styles Styling Weight Styling Italic and Oblique Fonts Styling Color Type Effects Styling Text with Borders and Bacgrounds Style Checklist

6 Scale

Understanding Relative and Absolute Type Units Type Size and Line Height Horizontal Type Space Text Alignment

7 Space

Vertical Type Space

8 Iconography

When to Use Icons Choosing Icons Responsive Icons Using Webfont Icons Styling Webfont Icons Finding Webfont Icons or Make Your Own Icon Tags?

9 Hierarchy

Do Not Design by Default From Box to Grid Body Copy Navigation and Controls Guiding the Reader’s Eye Balancing Readability and Retention Contrasting Type Typography at Hand Visual Hierarchy Layout Grids

Afterword Appendices

Appendix A Appendix B Appendix C

Index