WhoBuilt

variable fonts

Also known as variable font

1 Talk2 Facts2 Sources

Key facts

Capabilities
combine multiple weights and styles into a single font file, reducing network requests

From talks

Results and examples shared in single talks

Timeline 1

Dated events, newest first. Open the sources under any item.

How we verify
20211 event
  1. as of Jan 2021Capability
    Combine multiple weights and styles into a single font file, reducing network requests
    “Variable fonts allow us to combine multiple weights and styles into a single font file, reducing the number of network requests.” 7:01
    Unverified1 source· Talk

Talks 1

9:22
What are Web Fonts?

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.

Jan 14, 2021· 9 minDiscussed 7:01