Red Hat Display + Red Hat Text font pairing

Q: What font pairs with Red Hat Display?

Red Hat Text pairs well with Red Hat Display. Red Hat's type system: Display for impact, Text for readability. Designed for enterprise open-source at scale.

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

RED HAT DISPLAY

SANS-SERIF

The Quick Brown Fox Jumps Over The Lazy Dog

RED HAT TEXT

SANS-SERIF

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.

See it in use

acme.com

Acme

Sign inGet started

Now in public beta

Ship your best work, faster.

A focused workspace for product teams to plan, build, and launch their best work.

Start free Book a demo

Trusted by teams at

NorthwindGlobexInitechUmbrellaCyberdyne

thedailyreview.example/p/the-quiet-power-of-good-type

The Daily Review

Sign inSubscribe

Opinion

The quiet power of good type.

Before a single word is read, the shapes on the page have already decided how much you trust them.

Alan Tippins

Aug 2026 · 8 min read

Type does its work quietly. Before anyone reads a word, the shapes on the page have already set a tone, calm or loud, plain or dressed up. A good pairing gives a headline its voice and lets the body text settle into a calm, effortless reading rhythm.

The reader never notices the type, only the ease of it.

Choose the wrong pair and the seams show. The eye snags, the tone wobbles, and trust leaks away one sentence at a time. Most failures are not one loud mistake, but a hundred quiet ones hiding in plain sight.

The craft is to be felt, not seen. When a headline and its text agree, the page feels effortless, and the reader stays. That agreement is the whole game — an act of respect for the reader’s attention, paid in advance and never mentioned again.

app.acme.com/documents

DocumentsGitHub

Total Revenue+12.5%

$1,250.00

Trending up this month

Visitors for the last 6 months

New Customers-20%

1,234

Down 20% this period

Acquisition needs attention

Total Visitors

Total for the last 3 months

Last 3 monthsLast 30 daysLast 7 days

OutlinePast Performance3Key Personnel2Focus Documents

Customize Columns Add Section

Header	Section Type	Status	Target	Reviewer
Cover page	Cover page	In Process	18	Eddie Lake
Table of contents	Table of contents	Done	29	Eddie Lake
Executive summary	Narrative	Done	10	Jamik Tashp.
Technical approach	Narrative	In Process	27	Jamik Tashp.

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

RECOMMENDED WEIGHTSRED HAT DISPLAY

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

Black 900

Black 900The quick brown fox jumps over the lazy dog

RED HAT TEXT

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

Medium 500

Medium 500The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

CHARACTER SET

RED HAT DISPLAY

CHARACTER SET · RED HAT DISPLAY

(

)

;

–

RED HAT TEXT

(

)

;

–

ABOUT

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

→ Google Fonts ↗

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

→ Google Fonts ↗

technical bold

ASK AI

Would Red Hat Display + Red Hat Text work for my project?

CHATGPT↗CLAUDE↗PERPLEXITY↗GEMINI↗GROK↗

Sends this question and a link back to this page.

RELATED PAIRS

The Quick Brown Fox

Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.

FRAUNCES
× OUTFIT

playful bold startup

The Quick Brown Fox

Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.

SORA
× INTER

saas minimal technical

The Quick Brown Fox

Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.

SPACE GROTESK
× GENERAL SANS

technical startup

#2 POPULAR

RED HAT DISPLAY × RED HAT TEXT41 / 42

←→ browseSPACE random↑↓ themeC copyESC grid