zachleat’s Ugly Mug

Zach Leatherman

Web Fonts, Typography, & Font Loading

A continually updated list of every post or project I’ve worked on dealing with web fonts or web font loading.

  1. 2017
  2. Font Aliasing, or How to Rename a Font in CSS Jun 2017
  3. Laissez-faire Font Smoothing and Anti-aliasing May 2017
  4. 2016
  5. No @font-face Syntax will ever be Bulletproof, Nor Should It Be. Dec 2016
  6. Lazy Loading Web Fonts Is Probably Not What You Want Nov 2016
  7. A Comprehensive Guide to Font Loading Strategies Jul 2016
  8. Web Fonts for President 2016 Apr 2016
  9. The Web Fonts: Preloaded Research Apr 2016
  10. Web Font Anti-pattern: Data URIs Research Mar 2016
  11. Critical Web Fonts Research Jan 2016
  12. 2015
  13. A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona Video 48 min Oct 2015
  14. The Performance and Usability of Web Fonts—Velocity New York City Video 42 min Oct 2015
  15. The Mitt Romney Web Font Problem Research May 2015
  16. The Performance and Usability of Font Loading—Velocity Santa Clara Video 39 min May 2015
  17. Better @font-face with Font Load Events—SmashingConf Whistler Video 48 min Feb 2015
  18. Flash of Faux Text—still more on Font Loading Research Jan 2015
  19. How we use web fonts responsibly, or, avoiding a @font-face-palm Research Jan 2015
  20. 2014
  21. The Making of fontfamily.io Video 19 min Nov 2014
  22. WOFF2 See the Wizard, a Wonderful JavaScript Feature Test Project Oct 2014
  23. A Font Family Reunion Project Sep 2014
  24. Better @font-face with Font Load Events on Dev.Opera Research Sep 2014
  25. Bulletproof Icon Fonts—CSSConf Video 26 min May 2014
  26. Bulletproof Accessible Icon Fonts ProjectResearch Jan 2014
  27. 2011
  28. FitText + BigText: A Tale of Two Plugins Project May 2011
  29. BigText Makes Text Big Project Jan 2011