← ALL PAIRS

OUTFIT + INTER

The Quick Brown Fox Jumps Over The Lazy Dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, as well as modifying the space between pairs of letters.

USE THIS PAIR

# npm
npm install @fontsource/outfit @fontsource/inter

# yarn
yarn add @fontsource/outfit @fontsource/inter

# pnpm
pnpm add @fontsource/outfit @fontsource/inter

# Then import in your app entry point:
import '@fontsource/outfit';
import '@fontsource/inter';

# CSS usage after import:
# font-family: 'Outfit', sans-serif;
# font-family: 'Inter', sans-serif;

ABOUT

Outfit

Rodrigo Fuenzalida, 2021

sans-serif · 400, 600, 700, 800

→ Google Fonts ↗

Inter

Rasmus Andersson, 2017

sans-serif · 400, 500

→ Google Fonts ↗

Outfit's geometric warmth over Inter's mechanical precision. The 2024 SaaS default for teams that care about type. Perfect for modern SaaS products, dashboards, and component libraries.

saasminimalstartup

RELATED PAIRS

OUTFIT × INTER36 / 38