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.
Takeaways
Outlines
Q & A
Preview
How to Get Rich: Every EpisodeNaval
885: CSS Fonts Fallbacks, Variable and Trimming | Syntax - Tasty Web Development Treats | Podwise
