How to download & install fonts

Step 1 — Download the font family

Click the Download button on a font card. You’ll get a .zip containing .ttf or .otf files.

Install on Windows
  1. Extract the .zip.
  2. Select the .ttf/.otf files, right-click and choose Install (or Install for all users).
  3. Restart any open apps so they see the new fonts.
Install on macOS
  1. Extract the .zip.
  2. Double-click a font file to open Font Book, then click Install.
  3. Fonts appear in apps like Pages, Keynote, Figma, and Adobe apps after reopening them.
Install on Linux
  1. Extract the .zip.
  2. Create (if needed) and copy files to ~/.fonts or ~/.local/share/fonts.
  3. Run fc-cache -f -v in Terminal to refresh the cache.
Use on the web with CSS

For Google Fonts, include the provided <link> then reference in CSS:

/* HTML <head> */
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">

/* CSS */
body { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }