The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
MERRIWEATHER + OPEN SANS
MERRIWEATHER
OPEN SANS
CHARACTER SET · MERRIWEATHER
OPEN SANS
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
A text serif designed specifically for screen by Sorkin Type. Its large x-height, low contrast, and sturdy serifs ensure excellent readability at small sizes on any display.
Sorkin Type, 2010
serif · 14 styles
Variable · Italic
Recommended: 400, 700, 900
Available: 300–900
Open Sans
One of the most widely used fonts on the web, designed by Steve Matteson. A humanist sans-serif optimized for legibility across print, web, and mobile with neutral, friendly forms.
Steve Matteson, 2011
sans-serif · 12 styles
Variable · Italic
Recommended: 400, 600
Available: 300–800
Two screen-optimized workhorses. Merriweather's generous x-height meets Open Sans's neutral clarity. Great for long-form reading, documentation, and educational content.
RELATED PAIRS
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.