technologyMar 17, 202523:09pending
885: CSS Fonts Fallbacks, Variable and Trimming
About this episode
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
Get every episode summarized
Each time Syntax - Tasty Web Development Treats publishes, we email you a written briefing from the transcript — the topics, who appeared, and any specific claims, with the ad reads skipped.
Email me new episodesFree for 3 shows. No card needed.
Hosts & guests
No transcript yet
This episode has not been transcribed. Request it and it moves to the front of the queue.
More episodes
More from Syntax - Tasty Web Development Treats
995: Next.js Vendor Lock-in No More
Syntax - Tasty Web Development Treats
Apr 13, 20261:04:18failed
994: AI Sucks At CSS
Syntax - Tasty Web Development Treats
Apr 8, 20261:00:16failed
993: It’s Been A Hell Of Week
Syntax - Tasty Web Development Treats
Apr 6, 202638:12failed
992: Migrating Legacy Code Just Got Easier
Syntax - Tasty Web Development Treats
Apr 1, 202629:07failed