← ALL PAIRS

HANKEN GROTESK + LIBRE FRANKLIN

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/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

Alfredo Marco Pradil, 2021

sans-serif · 400, 600, 700

→ Google Fonts ↗

Libre Franklin

Impallari Type, 2015

sans-serif · 400, 500, 600

→ Google Fonts ↗

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.

HANKEN GROTESK × LIBRE FRANKLINNEXT →38 / 38