⚡️

1s

2s

3s

4s

GIMME YOUR
MONEY
punk!

JEREMIAS MENICHELLI

@jeremenichelli

FRIENDS

Season 9 Episode 15

  • They help building identity
  • Cross-browsing and system consistency
  • Less limited web design
  • Other alternatives aren't accessible or SEO friendly

WHY WE LOVE WEB FONTS

USERS
WANT/NEED
THE CONTENT

WHAT I WANT

SOLUTION

  • Async load font stylesheet
  • Observe fonts
  • Toggle classes on document
  • Use preload and preconnect to minimize the switch
  • Use glyphhanger from Filament Group to create smaller subsets
  • Use .woff2 for better font file compression

MOAR OPTIMIZATIONS

Articles

Tweet extracted from BuzzFeedJS parody account
Photos from Unsplash by Joel Fulgencio and Pau Casals

THANKS

Gimme your content, punk!

By Jeremias Menichelli

Gimme your content, punk!

Web fonts are great, they help us bring to the web identity, interesting designs and experiences... but your users want the content, and that should be our priority. This is a short story about proper custom font delivery for the web.

  • 221

More from Jeremias Menichelli