Zach’s ugly mug (his face)

Zach Leatherman

An Unhealthy Obsession with Web Fonts & Type

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

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