← ALL PAIRS

SOURCE SERIF 4 + ATKINSON HYPERLEGIBLE

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/source-serif-4 @fontsource/atkinson-hyperlegible

# yarn
yarn add @fontsource/source-serif-4 @fontsource/atkinson-hyperlegible

# pnpm
pnpm add @fontsource/source-serif-4 @fontsource/atkinson-hyperlegible

# Then import in your app entry point:
import '@fontsource/source-serif-4';
import '@fontsource/atkinson-hyperlegible';

# CSS usage after import:
# font-family: 'Source Serif 4', serif;
# font-family: 'Atkinson Hyperlegible', sans-serif;

ABOUT

Source Serif 4

Frank Grießhammer, 2021

serif · 400, 600, 700

→ Google Fonts ↗

Atkinson Hyperlegible

Braille Institute, 2020

sans-serif · 400, 700

→ Google Fonts ↗

Source Serif 4's warm transitions meet Atkinson Hyperlegible's accessibility-first design. Beautiful and inclusive. Ideal for government sites, accessibility-focused products, and inclusive design projects.

SOURCE SERIF 4 × ATKINSON HYPERLEGIBLE32 / 38