Zach’s ugly mug (his face)

Zach Leatherman

An Unhealthy Obsession with Web Fonts & Type

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

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