Blog

How to pair fonts effectively?

To pair fonts effectively, combine typefaces that are clearly different in one or two noticeable ways, such as serif versus sans-serif or express

To preload a font correctly, add a link element with rel="preload", as="font", type="font/woff2" and the crossorigin attribute to the `

To self-host web fonts, you download the font files in WOFF2 format, put them in a folder on your own server or in your build output, and declare

To use a variable font in CSS, declare it once with @font-face and give each axis a range rather than a single value, for example `font-weight:

Web fonts affect page speed in three main ways: they add bytes to download, they're discovered late in the loading process because the browser on

You control hyphenation on the web mainly with the CSS hyphens property. Set hyphens: auto to let the browser break words at dictionary-appro