Zach’s ugly mug (his face)

Zach Leatherman

An Unhealthy Obsession with Web Fonts & Type

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

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