← ALL PAIRS

DARKER GROTESQUE + WORK SANS

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/darker-grotesque @fontsource/work-sans

# yarn
yarn add @fontsource/darker-grotesque @fontsource/work-sans

# pnpm
pnpm add @fontsource/darker-grotesque @fontsource/work-sans

# Then import in your app entry point:
import '@fontsource/darker-grotesque';
import '@fontsource/work-sans';

# CSS usage after import:
# font-family: 'Darker Grotesque', sans-serif;
# font-family: 'Work Sans', sans-serif;

ABOUT

Darker Grotesque

Gabriel Lam, 2018

sans-serif · 400, 700, 900

→ Google Fonts ↗

Work Sans

Wei Huang, 2015

sans-serif · 400, 500, 600

→ Google Fonts ↗

Darker Grotesque's condensed, high-contrast forms pack density into headlines. Work Sans provides utilitarian readability. Ideal for news sites, editorial layouts, and data-rich dashboards.

DARKER GROTESQUE × WORK SANS20 / 38