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