zachleat’s Ugly Mug

Zach Leatherman

Web Fonts & Type

A list of every post or project dealing with web fonts, web font loading, or typography.

  1. 2017
  2. Managing Font Loading CSS Was Painful—Not Anymore Web FontsProject🔥 #1 Nov 2017
  3. A Collection of Web Font Loading Recipes Web FontsProjectResearch🔥 #7 Oct 2017
  4. FOIT vs. FOUT, a Side by Side Comparison Web FontsProject🔥 #14 Oct 2017
  5. A Historical Look at FOUT and FOIT Web Fonts🔥 #6 Sep 2017
  6. Web Standards Podcast #85 Web FontsSpeaking Sep 2017
  7. The Web Font Loading Glossary Web Fonts🔥 #8 Aug 2017
  8. Font Aliasing, or How to Rename a Font in CSS Web FontsResearch🔥 #4Highlight Jun 2017
  9. Laissez-faire Font Smoothing and Anti-aliasing Web FontsResearch🔥 #16Highlight May 2017
  10. CSS-Tricks Video Screencasts #152: Font Loading Web FontsSpeaking57 min Video Jan 2017
  11. Shop Talk Show #247: The Performance Equation Web FontsSpeaking72 min Audio Jan 2017
  12. 2016
  13. No @font-face Syntax will ever be Bulletproof, Nor Should It Be. Web FontsHighlight Dec 2016
  14. Lazy Loading Web Fonts Is Probably Not What You Want Web FontsHighlight Nov 2016
  15. A Comprehensive Guide to Font Loading Strategies Web Fonts🔥 #2Highlight Jul 2016
  16. Web Fonts for President 2016 Web Fonts🔥 #5 Apr 2016
  17. The Web Fonts: Preloaded Web FontsResearch🔥 #11Highlight Apr 2016
  18. Web Font Anti-pattern: Data URIs Web FontsResearch🔥 #20Highlight Mar 2016
  19. Critical Web Fonts Web FontsResearch🔥 #10Highlight Jan 2016
  20. 2015
  21. A Brief History of that Time You Used Web Fonts—SmashingConf Barcelona Web FontsSpeaking48 min Video Oct 2015
  22. The Performance and Usability of Web Fonts—Velocity New York City Web FontsSpeaking42 min Video Oct 2015
  23. The Mitt Romney Web Font Problem Web FontsResearchHighlight May 2015
  24. The Performance and Usability of Font Loading—Velocity Santa Clara Web FontsSpeaking39 min Video May 2015
  25. Better @font-face with Font Load Events—SmashingConf Whistler Web FontsSpeaking48 min VideoHighlight Feb 2015
  26. Flash of Faux Text—still more on Font Loading Web FontsResearch🔥 #15Highlight Jan 2015
  27. How we use web fonts responsibly, or, avoiding a @font-face-palm Web FontsResearch Jan 2015
  28. 2014
  29. The Making of fontfamily.io Web FontsSpeaking19 min Video Nov 2014
  30. WOFF2 See the Wizard, a Wonderful JavaScript Feature Test Web FontsProject Oct 2014
  31. A Font Family Reunion Web FontsProjectHighlight Sep 2014
  32. Better @font-face with Font Load Events on Dev.Opera Web FontsResearchHighlight Sep 2014
  33. Bulletproof Icon Fonts—CSSConf Web FontsSpeaking26 min Video May 2014
  34. Bulletproof Accessible Icon Fonts Web FontsProjectResearchHighlight Jan 2014
  35. 2011
  36. FitText + BigText: A Tale of Two Plugins Web FontsProject🔥 #17Highlight May 2011
  37. BigText Makes Text Big Web FontsProject🔥 #3Highlight Jan 2011