Presenting beautiful type on your website nowadays could not be easier. With popular web font services such as Adobe Typekit, Google Fonts, and Hoefler & Co.’s Cloud.typography, getting web-ready typefaces to display on a site is as simple as adding one line of markup. Unlike the old days of web design when all you had to work with were a handful of default system fonts (Arial, Verdana, Helvetica, Georgia, and Times New Roman), now you have thousands of fonts to choose from. However, with too many choices at your disposal, the process of selecting and combining typefaces can be time-consuming, overwhelming, and intimidating.

Donny Truong

Donny Truong is a web designer with a passion for typography. He works as a web developer at the George Mason University School of Law and teaches web design and usability at the George Mason University School of Art. He still blogs vigorously at

  1. Foreword
  2. Introduction
  3. Delivering Web Fonts
  4. Selecting Body Text
  5. Setting Type in the Browser
  6. Choosing Headings
  7. Picking Type for UI
  8. Using SVG as Type
  9. Animating Type
  10. Seeing Typographic Details
  11. Practicing Typography
  12. Conclusion