Zach’s ugly mug (his face)

Zach Leatherman

An Unhealthy Obsession with Web Fonts & Type

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

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