I hope this little book has taken away the intimidation and motivated you to develop your web typographic skills. Now that you have gone through the foundation of setting web type, I encourage you to read, observe, and experiment further. Typography has a fascinating past, exciting present, and evolving future. It is never too late to get into the game.
As for web fonts, browser support for more typographic control using CSS looks promising. I urge you to stay abreast with the development of CSS modules that are related to typesetting.
With typographic practice and CSS exploration, you will be well on your way to becoming a professional web typographer. Now go and set your type with confidence.
- Anatomy of a Typeface by Alexander Lawson captures thoughtful studies of historical typefaces.
- The Anatomy of Type by Stephen Coles is insightful to read and pleasurable to browse.
- Combining Typefaces by Tim Brown explains the art of mixing types and encourages designers to experiment with different combinations.
- Designing Type by Karen Cheng requires careful study to appreciate the small details.
- Detail in Typography by Jost Hochuli is a concise but insightful guide examining the elements of micro-typography: letters, words, lines, and spacing.
- The Elements of Typographic Style by Robert Bringhurst is a typographic bible to be read again and again.
- Inside Paragraphs by Cyrus Highsmith advises designers to look at the space—glyph, counter, letter, line—rather than the text in a paragraph.
- Mastering Type by Denise Bosler provides invaluable guides and examples to master typography.
- On Web Typography by Jason Santa Maria proves that the process of working with type can be rewarding and engaging.
- Practical Typography by Matthew Butterick is not only an invaluable reference of typographic details, but also an inspiration for using the web as a self-publishing platform.
- Reading Letters by Sofie Beier is packed with research on the history of legibility.
- Responsive Typography by Jason Pamental is a concise guide on implementing web fonts to work well across digital devices.
- Stop Stealing Sheep by Erik Spiekermann & E.M. Ginger uses fun, real-life analogies to explain the importance of typography.
- Thinking with Type by Ellen Lupton is as thoughtfully explained as it is designed.
- Type on Screen by Ellen Lupton and MICA provides a good overview of typography for the web, digital publishing, and other screen-based technologies.
- Web Typography by Richard Rutter has everything you need to know for setting beautiful, readable, and responsive type on the web.
Many thanks to professor Don Starr for his support and encouragement of writing this book as an independent study for my MA program in graphic design at the George Mason School of Art.
I want to thank Linh Nguyen for her exceptional copyediting, Raymond Schwartz for his meticulous technical and editorial reviews, Jim Van Meer for making my words clearer and stronger, and Chris Silverman for his thorough evaluations and suggestions.
Kudos to Tim Brown for coming through with the foreword despite his hectic schedule. My appreciation goes to Khoi Vinh and Jeremy Keith for the wonderful blurbs. My deep gratitude goes to Matthew Butterick for inspiring me to use the web as a book-publishing medium.
Special thanks to my wife Dana Nguyen for her love and enlightenment. She booked an all-inclusive trip to Punta Cana, Dominican Republic so we could spend the days with the kids and I could write this book during the nights.
And thank you for reading and supporting.
This book was written and designed by Donny Truong using HTML, SCSS and some PHP. The text face is Cardea, designed by David Cabianca. UI elements are set in Vista Sans, designed by Xavier Dupré. The code demos are set in Fira Mono, designed by Erik Spiekermann, Ralph du Carrois, Anja Meiners, and Botio Nikoltchev. Fonts are served through Typekit. All visual examples created by Donny Truong using Adobe Illustrator.
I welcome corrections, suggestions, and revisions to this book. You can reach me at [email protected].