885: CSS Fonts Fallbacks, Variable and Trimming

Syntax - Tasty Web Development Treats

内容由Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers提供。所有播客内容（包括剧集、图形和播客描述）均由 Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品，您可以按照此处概述的流程进行操作https://zh.player.fm/legal。

1M ago 23:10

MP3•单集首页

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

896集单集