Zach’s ugly mug (his face) Zach Leatherman

The Scoville Scale of Web Font Loading Opinions

May 16, 2019 On Twitter (archived)

Originally presented at Beyond Tellerrand in Düsseldorf, Germany 🇩🇪 in May, 2019.

This talk was a grab bag of personal font loading opinions that I’ve been collecting over quite some time to package up for a talk. David Carson said that it was a great talk but the kerning on a few of my slides was off 😎😱😇. I was so pleased that he took the time to attend—he was around for most of the conference!

This conference really was something special. Marc Thiele is an amazing conference organizer. His attention to detail and willingness to promote other things happening in the community is incredible. If you get the chance to attend one of Marc’s conferences, do it.


Watch on YouTube: The Scoville Scale of Web Font Loading Opinions


The full slide deck is available on


< Newer
Web Engineering Düsseldorf
Older >
beyond tellerrand—Düsseldorf

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 »


Michael Yip IndieWeb Avatar for https://beyondtellerrand.comAndy Davies


Zulema 💖 | Abolish ICELondon CSSGarpur DagssonHaroenChris PymmManuel StrehlSam BeckerAlexandre DieulotLee GriffinMario SommerEli 🌎 إلياسDom McLoughlinRoel NieskensRichard HomewoodAndy DaviesMarc DrummondJeremy WynnWill Garcia 🍣 🌏Andreas SanderOlivér ReményDaniel WiegandJonathan DallasGreg Whitworth4nduril - Tobi BarthJan Friebe
  1. Greg Whitworth


    awe, you didn't actually cover the legibility of the text rendering nor animation fluidity. I was hoping you would as this is one of the areas we're looking at possibly investing further. Would you truly want the Edge behavior of show fonts first then swap? ...

  2. Harry Roberts


    I’m in talks with another provider(s) about this at the moment actually.

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)