Zach’s ugly mug (his face)

Zach Leatherman

An Unhealthy Obsession with Web Fonts & Type

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

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