885: CSS Fonts Fallbacks, Variable and Trimming
Scott and Wes dig into the wild world of CSS fonts—covering fallbacks, variable fonts, and new tricks like text-box-trim. They also break down font-display, font kits, and how to avoid layout shifts when loading custom type. Show Notes Welcome to...
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Scott and Wes dig into the wild world of CSS fonts—covering fallbacks, variable fonts, and new tricks like text-box-trim. They also break down font-display, font kits, and how to avoid layout shifts when loading custom type.
Show Notes- 00:00 Welcome to Syntax!
- 01:06 Brought to you by Sentry.io.
- 02:53 @font-face.
- 03:27 Font Display.
- 07:40 Avoiding layout shift.
- 10:45 Variable fonts.
- 16:23 Variable font sizing.
- 17:46 v-fonts.
- 19:10 text-box-trim & text-box-edge.
- 21:28 Browser support.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads