Zach’s ugly mug (his face)

Zach Leatherman

An Unhealthy Obsession with Web Fonts & Type

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

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