Vollkorn + Fira Sans font pairing

Q: What font pairs with Vollkorn?

Fira Sans pairs well with Vollkorn. Vollkorn's generous, book-like forms paired with Fira Sans's humanist tech roots (originally designed for Firefox OS).

Vollkorn and Fira Sans are a serif and sans-serif pairing with strong contrast. Vollkorn for headings, Fira Sans for body text. Vollkorn's generous, book-like forms paired with Fira Sans's humanist tech roots (originally designed for Firefox OS). Great for open-source projects, technical publishing, and developer-facing content.

VOLLKORN + FIRA SANS

EDIT BELOW

VOLLKORN

SERIF

The Quick Brown Fox Jumps Over The Lazy Dog

FIRA SANS

SANS-SERIF

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.

See it in use

acme.com

Acme

Sign inGet started

Now in public beta

Ship your best work, faster.

A focused workspace for product teams to plan, build, and launch their best work.

Start free Book a demo

Trusted by teams at

NorthwindGlobexInitechUmbrellaCyberdyne

thedailyreview.example/p/the-quiet-power-of-good-type

The Daily Review

Sign inSubscribe

Opinion

The quiet power of good type.

Before a single word is read, the shapes on the page have already decided how much you trust them.

Alan Tippins

Aug 2026 · 8 min read

Type does its work quietly. Before anyone reads a word, the shapes on the page have already set a tone, calm or loud, plain or dressed up. A good pairing gives a headline its voice and lets the body text settle into a calm, effortless reading rhythm.

The reader never notices the type, only the ease of it.

Choose the wrong pair and the seams show. The eye snags, the tone wobbles, and trust leaks away one sentence at a time. Most failures are not one loud mistake, but a hundred quiet ones hiding in plain sight.

The craft is to be felt, not seen. When a headline and its text agree, the page feels effortless, and the reader stays. That agreement is the whole game — an act of respect for the reader’s attention, paid in advance and never mentioned again.

USE THIS PAIR

# npm
npm install @fontsource/vollkorn @fontsource/fira-sans

# yarn
yarn add @fontsource/vollkorn @fontsource/fira-sans

# pnpm
pnpm add @fontsource/vollkorn @fontsource/fira-sans

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

# CSS usage:
# h1, h2, h3 { font-family: 'Vollkorn', serif; }
# body { font-family: 'Fira Sans', sans-serif; }

RECOMMENDED WEIGHTS · VOLLKORN

RECOMMENDED WEIGHTSVOLLKORN

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

SemiBold 600

SemiBold 600The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

FIRA SANS

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

Medium 500

Medium 500The quick brown fox jumps over the lazy dog

SemiBold 600

SemiBold 600The quick brown fox jumps over the lazy dog

CHARACTER SET

VOLLKORN

CHARACTER SET · VOLLKORN

(

)

;

–

FIRA SANS

(

)

;

–

ABOUT

Vollkorn

One of the first open-source text serifs, designed by Friedrich Althausen. A book-like face with generous proportions and warm character, optimized for long-form reading on screen and in print.

Friedrich Althausen, 2005

serif · 12 styles

Variable · Italic

Recommended: 400, 600, 700

Available: 400–900

→ Google Fonts ↗

Fira Sans

Originally designed for Firefox OS by Erik Spiekermann, Fira Sans is a humanist sans-serif optimized for digital interfaces. Its open forms and generous spacing make it highly readable at any size.

Erik Spiekermann, 2013

sans-serif · 18 styles

Italic

Recommended: 400, 500, 600

Available: 100–900

→ Google Fonts ↗

editorial technical