Red Hat Display
+ Red Hat Text
Both from the Red Hat superfamily — Display optimized for headlines, Text for body. Cohesive and professional with a tech-forward feel.
Live Preview
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
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. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
CSS Code
/* Import */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@700;800&family=Red+Hat+Text:wght@400;500&display=swap');
/* Heading */
.heading {
font-family: 'Red Hat Display', serif;
font-weight: 700;
}
/* Body */
.body {
font-family: 'Red Hat Text', sans-serif;
font-weight: 400;
}HTML Import
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@700;800&family=Red+Hat+Text:wght@400;500&display=swap" />Best for
Tech Companies, Developer Docs