Red Hat Text Font
Optimized for body text and smaller sizes. Companion to Red Hat Display.
Available Weights
300, 400, 500, 600, 700
Font Specimen
Preview Red Hat Text at different weights.
Weight 300
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 400
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 500
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 600
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Weight 700
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
How to Use
Add Red Hat Text to your website with Google Fonts.
HTML (in <head>)
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@300;400;500;600;700&display=swap" rel="stylesheet">
CSS
font-family: 'Red Hat Text', sans-serif;
Pairs Well With
Fonts that complement Red Hat Text.
Compare Red Hat Text
See how Red Hat Text compares to other fonts.