Guides tagged woff2

What font hinting does, where it still matters, how much space removing it can save, and how to decide for your own site by testing both versions.

Ten checks that keep web fonts fast: format, file count, subsetting, font-display, preloading, fallbacks, caching, and how to measure the result.

Desktop apps rarely install WOFF2 files. Why that is, how to convert WOFF2 to TTF or OTF without losing anything, and what to check in the license first.

Remove the characters your site never uses to make font files smaller, then use unicode-range so browsers only download the subsets a page needs.

Move a Google Font from the hosted API to your own server: download the files, convert them to WOFF2, write the @font-face rules, and remove the old links.

Serve your own font files: get a WOFF2, write one @font-face rule per style, set caching and CORS headers, and check that the right file loads.

Use WOFF2 on websites and TTF or OTF on your computer. What each format is, what conversion keeps, and when WOFF still matters.

The exact preload tag for a web font, why it needs crossorigin, and the cases where preloading slows your page down instead of speeding it up.