The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
HANKEN GROTESK + LIBRE FRANKLIN
HANKEN GROTESK
LIBRE FRANKLIN
CHARACTER SET · HANKEN GROTESK
LIBRE FRANKLIN
USE THIS PAIR
# npm
npm install @fontsource/hanken-grotesk @fontsource/libre-franklin
# yarn
yarn add @fontsource/hanken-grotesk @fontsource/libre-franklin
# pnpm
pnpm add @fontsource/hanken-grotesk @fontsource/libre-franklin
# Then import in your app entry point:
import '@fontsource/hanken-grotesk';
import '@fontsource/libre-franklin';
# CSS usage after import:
# font-family: 'Hanken Grotesk', sans-serif;
# font-family: 'Libre Franklin', sans-serif;ABOUT
Hanken Grotesk
A contemporary Nordic grotesk with clean lines and a slightly condensed feel. Its neutral character makes it suitable for both UI elements and longer reading without competing for attention.
Alfredo Marco Pradil, 2021
sans-serif · 18 styles
Variable · Italic
Recommended: 400, 600, 700
Available: 100–900
Libre Franklin
An open-source interpretation of the classic Franklin Gothic. A workhorse neo-grotesque with a full weight range from Thin to Black, suitable for both headlines and body text.
Impallari Type, 2015
sans-serif · 18 styles
Variable · Italic
Recommended: 400, 500, 600
Available: 100–900
Hanken Grotesk's contemporary Nordic feel meets Libre Franklin's American neo-grotesque. Clean and unfussy. Ideal for design system documentation, clean web apps, and minimal marketing sites.
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.