← ALL PAIRS

MERRIWEATHER + OPEN SANS

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/merriweather @fontsource/open-sans

# yarn
yarn add @fontsource/merriweather @fontsource/open-sans

# pnpm
pnpm add @fontsource/merriweather @fontsource/open-sans

# Then import in your app entry point:
import '@fontsource/merriweather';
import '@fontsource/open-sans';

# CSS usage after import:
# font-family: 'Merriweather', serif;
# font-family: 'Open Sans', sans-serif;

ABOUT

Merriweather

Sorkin Type, 2010

serif · 400, 700, 900

→ Google Fonts ↗

Open Sans

Steve Matteson, 2011

sans-serif · 400, 600

→ Google Fonts ↗

Two screen-optimized workhorses. Merriweather's generous x-height meets Open Sans's neutral clarity. Great for long-form reading, documentation, and educational content.

MERRIWEATHER × OPEN SANS03 / 38