zachleat’s Ugly Mug

Zach Leatherman

Web Fonts & Font Loading

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

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