system font stack

The talk explains how to use web fonts while balancing performance, readability, and branding. It compares web-safe and system font stacks with custom fonts, then covers self-hosting, caching, `font-display`, and preloading. It also describes how variable fonts and character subsetting affect font file size and network requests. The speaker recommends using a variable font, preloading it, self-hosting it, and setting `font-display: optional` to reduce layout shift.