The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Red Hat Display and Red Hat Text are a sans-serif pairing with a harmonious, low-contrast match. Red Hat Display for headings, Red Hat Text for body text. 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 TEXT
EDIT BELOW
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:
# h1, h2, h3 { font-family: 'Red Hat Display', sans-serif; }
# body { font-family: 'Red Hat Text', sans-serif; }RECOMMENDED WEIGHTS · RED HAT DISPLAY
RED HAT TEXT
CHARACTER SET · RED HAT DISPLAY
RED HAT TEXT
Red Hat Display
The display face of Red Hat's type system, designed by MCKL. Its wide proportions and clear letterforms reflect Red Hat's commitment to open, accessible design at large sizes.
MCKL, 2019
sans-serif · 14 styles
Variable · Italic
Recommended: 400, 700, 900
Available: 300–900
Red Hat Text
The text companion to Red Hat Display, optimized for smaller sizes and longer reading. Shares DNA with its display sibling but with adjusted proportions for body text clarity.
MCKL, 2019
sans-serif · 10 styles
Variable · Italic
Recommended: 400, 500, 700
Available: 300–700
Would Red Hat Display + Red Hat Text work for my project?
Sends this question and a link back to this page.
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.