← ALL PAIRS

POPPINS + NUNITO

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/poppins @fontsource/nunito

# yarn
yarn add @fontsource/poppins @fontsource/nunito

# pnpm
pnpm add @fontsource/poppins @fontsource/nunito

# Then import in your app entry point:
import '@fontsource/poppins';
import '@fontsource/nunito';

# CSS usage after import:
# font-family: 'Poppins', sans-serif;
# font-family: 'Nunito', sans-serif;

ABOUT

Poppins

Indian Type Foundry, 2014

sans-serif · 500, 600, 700

→ Google Fonts ↗

Nunito

Vernon Adams, 2014

sans-serif · 400, 600

→ Google Fonts ↗

Two geometric faces with soft, rounded terminals. Poppins leads with structure, Nunito follows with warmth. Great for consumer apps, onboarding flows, and approachable SaaS products.

playfulsaas

RELATED PAIRS

POPPINS × NUNITO21 / 38