The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
SOURCE SERIF 4 + ATKINSON HYPERLEGIBLE
SOURCE SERIF 4
ATKINSON HYPERLEGIBLE
CHARACTER SET · SOURCE SERIF 4
ATKINSON HYPERLEGIBLE
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
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
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.
RELATED PAIRS
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.