Skip to main content Red Hat Design System logo Contribute on Github v2.0.0 Home
About About the design systemHow we buildRoadmap
Get started OverviewDesignersDevelopers
Foundations OverviewColorGridPersonalization patternsSpacingTypography
Tokens Overview Global colorBox shadowTypographyBorderOpacitySpaceLengthIconBreakpointsMedia queries
Elements All elements Accordion Alert Audio player Avatar Back to top Badge Blockquote Breadcrumb Button Call to action Card Code block Dialog Footer Health index Icon Navigation (primary)Planned Navigation (secondary) Pagination PopoverPlanned Progress stepsPlanned Site status Skip link Spinner Statistic Subnavigation Surface Switch Table Tabs Tag Tile Timestamp Tooltip Video embed
Patterns All patternsAnnouncementCardDisclosureFilterFormLinkLink with iconLogo wallSearch barSkip navigationSticky bannerSticky cardTabsTileVideo thumbnail
Accessibility FundamentalsContentDesignDevelopmentContributorsQa and testingAssistive technologiesResources
Design/code status Release notes Get support

Typography

Overview Scale Usage
  1. Get started
  2. Font family
  3. International
  1. Get started
  2. Font family
  3. International

Get started

To download the font files, go to Google Fonts. To install the fonts using Terminal, go to our GitHub repo. If you need further assistance, contact the Brand team or the Design System team.

Font family

The words we choose are an important part of our brand voice and so is the way those words look. The way our words look is established by the fonts we use and the way we use them, also known as typography. The Red Hat font family was designed by type designer Jeremy Mickel in collaboration with the Brand team. To learn more our fonts and typography, go to the Brand standards website.

 3 examples of the Red Hat font family: Display, Text, and Mono. Each example shows a capital letter R and lowercase letter H with overlays pointing out unique design characteristics.

Red Hat Display

Red Hat Display is used in headlines and to make big statements. Because Red Hat Display is intended for large sizes, it has more of our brand personality and voice.

Red Hat Text

Red Hat Text takes all of the personality from Red Hat Display and optimizes it for more demanding applications. It is easy to read in paragraphs and very small sizes.

Red Hat Mono

Red Hat Mono is our monospaced font that was created to distinguish code from other text. It should only be used when demonstrating code snippets in our communications and specifications.

International

Designs that need to use non-Latin characters should fall back to Noto Sans. By loading language-specific fonts, the design system can accommodate mixed-language content. For more technical details, go to the Tokens section.

Language Font family
Chinese Noto Sans Simplified Chinese
Japanese Noto Sans Japanese
Korean Noto Sans Korean

Foundations

To learn how to use our other foundations in your designs, visit the foundations section.

© 2021-2024 Red Hat, Inc. Deploys by Netlify