With a vast selection of typefaces now available, there is no excuse for using boring typography in web design. The New Web Typography: Create a Visual Hierarchy with Responsive Web Design shows you how to implement web-safe fonts to create visually appealing and multi-browser-friendly websites while encouraging you to develop designs that express your own unique typographic voice.
This book discusses general principles for choosing typefaces for on-screen display and tips for creating a visual hierarchy that works on monitors, tablets, and smartphones. It shares some of the authors personal experiences to illustrate situations where one font would be more effective than another in giving readers an optimized experience that includes quick download times and an overall aesthetically pleasing presentation.
Since good typography is good web design, font selection is a critical aspect of web design. The New Web Typography is more than a simple overview of web typography. It provides practical advice and examples that help you make good decisions in choosing fonts for web design.
Key Features
Demonstrates how to implement responsive web typography, with up-to-date HTML5 and CSS3 code
Uses case studies and examples to enhance instruction
Provides practical tips on special techniques for implementing webfonts and searching and using webfont libraries
Encourages you to develop a unique typographic voice
Introduction What Is Good Typography |
|
vii | |
|
|
1 | (10) |
|
Choosing the Right Typeface |
|
|
4 | (2) |
|
Building a Fluid Font Stack |
|
|
6 | (5) |
|
|
11 | (48) |
|
|
14 | (2) |
|
|
16 | (1) |
|
|
17 | (2) |
|
|
19 | (6) |
|
Understanding Type on the Web |
|
|
25 | (7) |
|
|
32 | (6) |
|
|
38 | (3) |
|
Types of type: Display or Body |
|
|
41 | (1) |
|
Classifying Type for the Web |
|
|
42 | (7) |
|
|
49 | (3) |
|
Character and Text Encoding On the Web |
|
|
52 | (3) |
|
|
55 | (4) |
|
|
59 | (32) |
|
Solutions for Fonts on the Web |
|
|
62 | (3) |
|
Adding Fonts: the Font Stack |
|
|
65 | (2) |
|
|
67 | (3) |
|
|
70 | (7) |
|
Firefox and the Cross-Domain Conundrum |
|
|
77 | (1) |
|
Installing Webfonts on Your Computer |
|
|
78 | (1) |
|
End User License Agreements and You |
|
|
79 | (5) |
|
|
84 | (7) |
|
|
91 | (28) |
|
|
94 | (6) |
|
|
100 | (5) |
|
|
105 | (5) |
|
|
110 | (3) |
|
Checklist for Choosing Type |
|
|
113 | (1) |
|
Interview with Nicole Arnett Phillips |
|
|
114 | (5) |
|
|
119 | (26) |
|
|
122 | (9) |
|
|
131 | (2) |
|
Styling Italic and Oblique Fonts |
|
|
133 | (2) |
|
|
135 | (3) |
|
|
138 | (2) |
|
Styling Text with Borders and Bacgrounds |
|
|
140 | (2) |
|
|
142 | (3) |
|
|
145 | (22) |
|
Understanding Relative and Absolute Type Units |
|
|
148 | (5) |
|
Type Size and Line Height |
|
|
153 | (3) |
|
|
156 | (5) |
|
|
161 | (6) |
|
|
167 | (12) |
|
|
170 | (9) |
|
|
179 | (16) |
|
|
182 | (1) |
|
|
183 | (2) |
|
|
185 | (2) |
|
|
187 | (3) |
|
|
190 | (1) |
|
Finding Webfont Icons or Make Your Own |
|
|
191 | (1) |
|
|
192 | (3) |
|
|
195 | (26) |
|
|
198 | (4) |
|
|
202 | (6) |
|
|
208 | (3) |
|
|
211 | (1) |
|
|
212 | (1) |
|
Balancing Readability and Retention |
|
|
213 | (1) |
|
|
214 | (1) |
|
|
215 | (2) |
|
|
217 | (1) |
|
|
217 | (4) |
|
|
221 | (4) |
|
|
225 | (12) |
|
|
227 | (2) |
|
|
229 | (5) |
|
|
234 | (3) |
Index |
|
237 | |
Jason Cranford Teague designed the first web based magazine, Computer Mediated Communications, in 1994 and has been at the forefront of digital innovation ever since. He is the co-founder and lead creative at The Cranford Teague Group, which specializes in digital communication strategies. Learn more at www.cranfordteague.com. Stephen Boss has consulted on type projects for Fairchild, JP Morgan Chase, Bumble and bumble, and Oshkosh. His work has been featured around the world, including in several publications and as part of the Seybold's New Type Gallery exhibition, a show which travelled from New York City to England, the Royal Academy of Art in the Hague, and finally to Harvard, where it is archived. He is also in the designer database in the Klingspor Museum in Offenbach, Germany. Interested in developing typefaces with a unique vernacular, he founded Emboss Fonts in 1995.