Zach’s ugly mug (his face)

Zach Leatherman

Web Fonts & Type

A list of 40 posts and projects dealing with web fonts, web font loading, or typography.

  1. 2018
  2. “The Compromise”—a Modern but Compatible Font Loading Strategy Web Fonts🔥 #4 Apr 2018
  3. It’s Dangerous to Go Stallone. Take Glyphhanger Web FontsProjectHighlight Mar 2018
  4. Web Fonts are ▢▢▢ Rocket Science Web FontsConference Speaking47 min Video Feb 2018
  5. 2017
  6. 23 Minutes of Work for Better Font Loading 📢 16Web Fonts🔥 #2 Nov 2017
  7. Managing Font Loading CSS Was Painful—Not Anymore Web FontsProject🔥 #7 Nov 2017
  8. A Collection of Web Font Loading Recipes 📢 1Web FontsProjectResearch Oct 2017
  9. FOIT vs. FOUT, a Side by Side Comparison 📢 2Web FontsProject Oct 2017
  10. A Historical Look at FOUT and FOIT Web Fonts🔥 #16 Sep 2017
  11. Web Standards Podcast #85 Web FontsSpeaking Sep 2017
  12. The Web Font Loading Glossary Web Fonts🔥 #10 Aug 2017
  13. Font Aliasing, or How to Rename a Font in CSS 📢 7Research🔥 #6Highlight Jun 2017
  14. Laissez-faire Font Smoothing and Anti-aliasing 📢 7Research🔥 #15Highlight May 2017
  15. CSS-Tricks Video Screencasts #152: Font Loading Speaking57 min Video Jan 2017
  16. Shop Talk Show #247: The Performance Equation Speaking72 min Audio Jan 2017
  17. 2016
  18. No @font-face Syntax will ever be Bulletproof, Nor Should It Be. Web FontsHighlight Dec 2016
  19. Lazy Loading Web Fonts Is Probably Not What You Want Web FontsHighlight Nov 2016
  20. A Comprehensive Guide to Font Loading Strategies 📢 52Web Fonts🔥 #1Highlight Jul 2016
  21. Web Fonts for President 2016 📢 10Web Fonts🔥 #5 Apr 2016
  22. The Web Fonts: Preloaded 📢 3Web FontsResearch🔥 #11Highlight Apr 2016
  23. Web Font Anti-pattern: Data URIs 📢 17Web FontsResearch🔥 #20Highlight Mar 2016
  24. Critical Web Fonts 📢 1Web FontsResearch🔥 #8Highlight Jan 2016
  25. 2015
  26. 🇪🇸 A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona Web FontsConference Speaking48 min Video Oct 2015
  27. 🇺🇸 The Performance and Usability of Web Fonts—Velocity New York City 📢 1Web FontsConference Speaking42 min Video Oct 2015
  28. Smashing Book #5 Web Fonts Jul 2015
  29. The Mitt Romney Web Font Problem 📢 3Web FontsResearchHighlight May 2015
  30. 🇺🇸 The Performance and Usability of Font Loading—Velocity Santa Clara 📢 1Web FontsConference Speaking39 min Video May 2015
  31. 🇨🇦 Better @font-face with Font Load Events—SmashingConf Whistler Web FontsConference Speaking48 min VideoHighlight Feb 2015
  32. Flash of Faux Text—still more on Font Loading 📢 1Web FontsResearch🔥 #14Highlight Jan 2015
  33. How we use web fonts responsibly, or, avoiding a @font-face-palm Web FontsResearch Jan 2015
  34. 2014
  35. The Making of fontfamily.io Web FontsSpeaking19 min Video Nov 2014
  36. WOFF2 See the Wizard, a Wonderful JavaScript Feature Test Web FontsProject Oct 2014
  37. A Font Family Reunion 📢 11Web FontsProjectHighlight Sep 2014
  38. Better @font-face with Font Load Events on Dev.Opera Web FontsResearchHighlight Sep 2014
  39. 🇺🇸 Bulletproof Icon Fonts—CSSConf Web FontsConference Speaking26 min Video May 2014
  40. Bulletproof Accessible Icon Fonts Web FontsProjectResearchHighlight Jan 2014
  41. 2011
  42. FitText + BigText: A Tale of Two Plugins 📢 6Web Fonts🔥 #17Highlight May 2011
  43. BigText Makes Text Big 📢 70Web FontsProject🔥 #3Highlight Jan 2011
  44. 2010
  45. Point, Charset, Match: Character Encoding in JavaScript 📢 1Web FontsResearch Mar 2010
  46. CSS 3 Text: A Tale of writing-mode Woe 📢 3Web FontsResearch Feb 2010
  47. DIY Webdings—CSS Sprites using @font-face 📢 13Web FontsResearchHighlight Jan 2010