Encyclopedia / CSS
Web fonts
Custom typefaces downloaded with the page.
Each weight is a file, often 20–100 KB. Load only the weights you use, use font-display: swap so text shows immediately, preconnect to the font host, and subset when you only need a few characters. Late-loading fonts cause layout shift (CLS).
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>Related terms
More in CSS
How the document looks at every screen size.