CSS Fonts Fallbacks, Variable and Trimming

Опубликовано: 17 Март 2025
на канале: Syntax

4,156

144

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.🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack

Show Notes

00:00 Welcome to Syntax!
01:06 Brought to you by Sentry.io.
02:53 @font-face.
03:27 Font Display.
07:40 Avoiding layout shift.
10:45 Variable fonts.
16:23 Variable font sizing.
17:46 v-fonts.
19:10 text-box-trim & text-box-edge.
21:28 Browser support.

All links available at https://syntax.fm/885
------------------------------------------------------------------------------
Hit us up on Socials!
Syntax: https://x.com/syntaxfm
Scott: https://x.com/stolinski
Wes: https://x.com/wesbos
CJ: https://x.com/CodingGarden
Randy: / @randyrektor

http://www.syntax.fm

Brought to you by Sentry.io

#webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev