Zach’s ugly mug (his face)

Zach Leatherman

The Scoville Scale of Web Font Loading Opinions

May 16, 2019

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.


The Scoville Scale of Web Font Loading Opinions - Zach Leatherman from beyond tellerrand on Vimeo.


The full slide deck is available on


Retweet to share this post

Zach’s ugly mug (his face)

Zach is a builder for the web with Netlify. He created the Eleventy static site generator and is still fixated on web fonts. His public speaking résumé includes talks in eight different countries at events like Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with NebraskaJS. Read more about Zach »

Web Engineering Düsseldorf
beyond tellerrand—Düsseldorf

1 Retweet

Michael Yip 
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
2 Replies
  1. Harry Roberts

    Harry Roberts @csswizardry #

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

  2. Greg Whitworth

    Greg Whitworth @gregwhitworth #

    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 Mentions
    1. Andy Davies

      Andy Davies @AndyDavies #

      Choose font providers that prioritise your visitors experience >>>

    2. #

    Social Card Image Preview

    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)