← ALL PAIRS

Figtree + Atkinson Hyperlegible Next font pairing

Figtree and Atkinson Hyperlegible Next are a sans-serif pairing with a harmonious, low-contrast match. Figtree for headings, Atkinson Hyperlegible Next for body text. Figtree brings approachable structure while Atkinson Hyperlegible Next makes every line exceptionally easy to distinguish and read. Perfect for accessible products, public services, education platforms, and inclusive interfaces with a friendly voice.

FIGTREE + ATKINSON HYPERLEGIBLE NEXT

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.

FIGTREE

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

ATKINSON HYPERLEGIBLE NEXT

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

CHARACTER SET · FIGTREE

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
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

ATKINSON HYPERLEGIBLE NEXT

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/figtree @fontsource/atkinson-hyperlegible-next

# yarn
yarn add @fontsource/figtree @fontsource/atkinson-hyperlegible-next

# pnpm
pnpm add @fontsource/figtree @fontsource/atkinson-hyperlegible-next

# Then import in your app entry point:
import '@fontsource/figtree';
import '@fontsource/atkinson-hyperlegible-next';

# CSS usage:
# h1, h2, h3 { font-family: 'Figtree', sans-serif; }
# body { font-family: 'Atkinson Hyperlegible Next', sans-serif; }

ABOUT

Figtree

A friendly geometric sans-serif by Erik Kennedy, designed with just enough warmth to feel approachable without being playful. Its slightly rounded terminals soften the geometric structure.

Erik Kennedy, 2022

sans-serif · 14 styles

Variable · Italic

Recommended: 400, 600, 700

Available: 300900

→ Google Fonts ↗

Atkinson Hyperlegible Next

The expanded evolution of Atkinson Hyperlegible, with refined letterforms, broader language support, and seven weights. Its unmistakable characters preserve the accessibility-first design while adding flexibility for everyday interfaces and long-form reading.

Braille Institute, 2025

sans-serif · 14 styles

Variable · Italic

Recommended: 400, 500, 700

Available: 200800

→ Google Fonts ↗

ASK AI

Would Figtree + Atkinson Hyperlegible Next work for my project?

Sends this question and a link back to this page.

FIGTREE × ATKINSON HYPERLEGIBLE NEXT16 / 40