Typography
On this page
Overview
The Red Hat font family includes 3 fonts: Red Hat Display, Red Hat Text, and Red Hat Mono. Their design is based on who we are: real people with big ideas creating platforms that power technology innovation.
To learn more about the Red Hat font family, go to the Brand standards website.
Design tokens
Design tokens represent our design decisions as code. They are also how we track changes made to the design system. If a text style is changed, that change propagates across all websites and experiences that use tokens.
To see a list of tokens, including Noto, go to the Typography tokens page.
Red Hat Display
Red Hat Display is our default font. Use it for headings to grab attention and establish hierarchy. Its letterforms reinforce our tone of voice and reflect our technical and engineering expertise. Meanwhile, human touches disrupt the rigidity to represent our people and call back to the history of our brand.
Use regular, medium, or bold weights. Other weights can be used for Expressive type only.
Red Hat Text
Red Hat Text takes all of the personality from Display and optimizes it for more demanding applications like paragraph text or text at small sizes.
Use the medium weight and italics for emphasis. Other weights can be used for Expressive type only.
Red Hat Mono
Red Hat Mono was created to distinguish code from natural-language text. Use it to demonstrate code snippets in communications and interfaces or as a stylistic approach for more technical audiences.
Use the medium weight and italics for emphasis. Other weights can be used for Expressive type only.
Non-Latin fonts
Noto is a set of international fonts developed by Google, Monotype, Adobe, and leading experts from around the world. All Noto fonts are licensed under the Open Font License. The simple and clean design makes it a good counterpart to the Red Hat font family.
Download fonts
Red Hat
Noto Sans
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
Foundations
To learn how to use our other foundations in your designs, visit the foundations section.