← 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.

RED HAT DISPLAY

Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog
Black 900The quick brown fox jumps over the lazy dog

RED HAT TEXT

Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog

CHARACTER SET · RED HAT DISPLAY

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

RED HAT TEXT

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

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

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: 300900

→ 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: 300700

→ 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