Webfont Handbook


  • WebFonts make the Web a more diverse, visually pleasing, and readable environment. In 2016, around 60% of the top thousand sites monitored by Alexa used webfonts. And they can be used for all text on a site—not just body text, but also headlines, tables, and captions. Great, right?
  • Well, yes and no. Webfonts also have some issues. Con-sider the Mitt Romney Webfont Problem (as described by Zach Leatherman). In early 2015, Mitt Romney announced that he would not run for president of the United States in the 2016 elections. Ironically, users on slow connections saw the oppo-site announcement: “Mitt Romney Is Officially Running for President”
  • For these users, the primary webfont for the headline loaded and displayed most of the headline. The important word “not,” though, was set in italic. It required a separate font file, and that file was slow to load. Oops

What you will learn:

  • How to select webfont base on some conditions like character, typeface, styles, font, glyph, etc.
  • Put the webfont into our website.
  • Consider the performance of website with webfont.
  • Looking ahead some features for webfont.

Who should read this book:

Designers and front-end web developers who want to learn about webfont.