Zach’s ugly mug (his face) Zach Leatherman

Better @font-face with Font Load Events—SmashingConf Whistler

February 27, 2015 Watch in 48 minutes 🇨🇦 Canada
Whistler Gondola View

Of all the talks I’ve given thus far in my career, I think this one is the one I’m most proud of. The conference was fun: the attendees were lively and attentive, the location was beautiful (after it quit raining), and Vitaly sprinkled a bunch of easter eggs into the conference which always adds a little something extra. A huge thank you to Tim Kadlec for inviting me to speak.


SmashingConf Whistler — Zach Leatherman on Better @font-face with Font Load Events from Smashing Magazine on Vimeo.

Skip to 3:43 to see me attempt to trick a crowd of 300 people into doing the flashback arm waving sequence from Wayne’s World, something I decided would be okay to try after seeing the responses to this tweet.

Slides on Speaker Deck (203 slides)

Storify Scrapbook

< Newer
Compatibility Tables Compendium
Older >
Flash of Faux Text—still more on Font Loading

Zach Leatherman IndieWeb Avatar for a builder for the web and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 81 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

Shamelessly plug your related post

These are webmentions via the IndieWeb and

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)