885: CSS Fonts Fallbacks, Variable and Trimming

Hosted byWes Bos

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. • Damnit Sans.
• 02:53 @font-face.
• 03:27 Font Display.
• 07:40 Avoiding layout shift. • Fallbacks.
• 10:45 Variable fonts. • Fontaine.
• font-kit
• Wakamai Fondue.
• Syntax Ep. 782.
• Font Variation Settings.
• 16:23 Variable font sizing.
• 17:46 v-fonts.
• 19:10 text-box-trim & text-box-edge. • text-box-trim examples.
• 21:28 Browser support.

Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads