The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Source Serif 4 and Atkinson Hyperlegible are a serif and sans-serif pairing with balanced contrast. Source Serif 4 for headings, Atkinson Hyperlegible for body text. 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 HYPERLEGIBLE
EDIT BELOW
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:
# h1, h2, h3 { font-family: 'Source Serif 4', serif; }
# body { font-family: 'Atkinson Hyperlegible', sans-serif; }RECOMMENDED WEIGHTS · SOURCE SERIF 4
ATKINSON HYPERLEGIBLE
CHARACTER SET · SOURCE SERIF 4
ATKINSON HYPERLEGIBLE
Source Serif 4
Adobe's open-source serif companion to Source Sans, designed by Frank Griesshammer. Features warm, organic transitions between strokes and optical sizes for optimal rendering from caption to display.
Frank Grießhammer, 2021
serif · 16 styles
Variable · Italic
Recommended: 400, 600, 700
Available: 200–900
Atkinson Hyperlegible
Designed by the Braille Institute to maximize character differentiation for low-vision readers. Every letterform is engineered to be distinguishable, with exaggerated features where characters commonly get confused.
Braille Institute, 2020
sans-serif · 4 styles
Italic
Recommended: 400, 700
Would Source Serif 4 + Atkinson Hyperlegible work for my project?
Sends this question and a link back to this page.
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.