885: CSS Fonts Fallbacks, Variable and Trimming

This podcast episode focuses on web font technologies and best practices. The hosts discuss `@font-face`, `font-display` property (with options like `auto`, `swap`, and `fallback`), and techniques to mitigate cumulative layout shift during font loading. They also explore variable fonts, highlighting their flexibility in adjusting font characteristics (weight, italics, individual glyphs) using `font-variation-settings`, and tools like Wakame Fondue for managing them. Finally, the hosts introduce `text-box-trim` and `text-box-edge` for precise control over text box dimensions, improving visual layout. Listeners learn about optimizing font performance and leveraging new CSS features for enhanced typography.