← ALL PAIRS

VOLLKORN + FIRA 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.

VOLLKORN

Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog
Black 900The quick brown fox jumps over the lazy dog

FIRA SANS

Thin 100The quick brown fox jumps over the lazy dog
ExtraLight 200The quick brown fox jumps over the lazy dog
Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog
Black 900The quick brown fox jumps over the lazy dog

CHARACTER SET · VOLLKORN

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
–
+
=

FIRA SANS

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
–
+
=

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 after import:
# font-family: 'Vollkorn', serif;
# font-family: 'Fira Sans', sans-serif;

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 ↗

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.

editorialtechnical

RELATED PAIRS

VOLLKORN × FIRA SANS34 / 38