← ALL PAIRS

RED HAT DISPLAY + RED HAT TEXT

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/red-hat-display @fontsource/red-hat-text

# yarn
yarn add @fontsource/red-hat-display @fontsource/red-hat-text

# pnpm
pnpm add @fontsource/red-hat-display @fontsource/red-hat-text

# Then import in your app entry point:
import '@fontsource/red-hat-display';
import '@fontsource/red-hat-text';

# CSS usage after import:
# font-family: 'Red Hat Display', sans-serif;
# font-family: 'Red Hat Text', sans-serif;

ABOUT

Red Hat Display

MCKL, 2019

sans-serif · 400, 700, 900

→ Google Fonts ↗

Red Hat Text

MCKL, 2019

sans-serif · 400, 500, 700

→ Google Fonts ↗

Red Hat's type system: Display for impact, Text for readability. Designed for enterprise open-source at scale. Great for enterprise products, open-source projects, and technical platforms.

RED HAT DISPLAY × RED HAT TEXT37 / 38