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.

• Welcome to Syntax!
• Brought to you by Sentry.io.
  • Damnit Sans.
• @font-face.
• Font Display.
• Avoiding layout shift.
  • Fallbacks.
• Variable fonts.
  • Fontaine.
  • font-kit
  • Wakamai Fondue.
  • Syntax Ep. 782.
  • Font Variation Settings.
• Variable font sizing.
• v-fonts.
• text-box-trim & text-box-edge.
  • text-box-trim examples.
• Browser support.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads