Technical Guide3 min read

How to Install and Use Custom Fonts on Windows, macOS, and Web

A straightforward step-by-step guide to installing TrueType (.ttf) font files on operating systems, graphic design tools, and web projects.

Installing on Windows 10 & Windows 11

1. Download the font file (e.g. birds-of-paradise.ttf or unzip birds-of-paradise.zip). 2. Right-click the .ttf file and choose "Install" (for your personal user account) or "Install for all users" (requires administrator privileges). 3. Alternatively, open Windows Settings > Personalization > Fonts and drag the font file directly into the designated drop area. 4. Restart active applications like Microsoft Word, Adobe Photoshop, or Figma to see the font in your font picker.

Installing on Apple macOS (Font Book)

1. Unzip the downloaded archive. 2. Double-click the .ttf file to open macOS Font Book. 3. In the preview window that appears, click the blue "Install Font" button. 4. macOS validates the font tables automatically and makes it instantly accessible across Photoshop, Illustrator, InDesign, Keynote, and Pages.

Implementing on Web Applications with CSS @font-face

To render Birds of Paradise on your own website, host the font file in your static assets directory and declare an @font-face rule in your stylesheet:
CSS / Implementation Example:
@font-face {
  font-family: 'Birds of Paradise';
  src: url('/fonts/birds-of-paradise.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.script-headline {
  font-family: 'Birds of Paradise', cursive, sans-serif;
  font-size: 3.5rem;
  line-height: 1.2;
}

Ready to test Birds of Paradise?

Experiment with pairing options in our interactive font previewer.

Open Preview Studio