Red Hat font

By Pentagram / MCKL on May 19, 2019

Red Hat

Red Hat

Red Hat

Red Hat

Red Hat is an enterprise software company with an open source development model. We use collaboration and knowledge sharing to craft better, more reliable, and more adaptable technologies. How our words look is as important to our brand voice as the words we choose. That’s why we developed a type family that’s all our own.

The Red Hat type family is produced in 2 optical sizes, in a range of weights with italics. The fonts were originally commissioned by Paula Scher / Pentagram and designed by Jeremy Mickel / MCKL for the new Red Hat identity.

Red Hat is a fresh take on the geometric sans genre, taking inspiration from a range of American sans serifs including Tempo and Highway Gothic. The Display styles, made for headlines and big statements, are low contrast and spaced tightly, with a large x-height and open counters. The Text styles have a slightly smaller x-height and narrower width for better legibility, are spaced more generously, and have thinned joins for better performance at small sizes. The two families can be used together seamlessly at a range of sizes.

As part of Red Hat’s commitment to open source software, the fonts are made available for use under the SIL Open Font License.
AAAaaa
<style type="text/css">
@font-face{
    font-family:"red-hat-display-medium-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium-italic.otf") format("truetype");
}
span.font0{font-family:"red-hat-display-medium-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Medium Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-bold";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold.ttf") format("truetype");
}
span.font1{font-family:"red-hat-display-bold";font-size:px;text-transform:;}
</style>
Red Hat Display Bold
<style type="text/css">
@font-face{
    font-family:"red-hat-display-bold";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold.otf") format("truetype");
}
span.font2{font-family:"red-hat-display-bold";font-size:px;text-transform:;}
</style>
Red Hat Display Bold
<style type="text/css">
@font-face{
    font-family:"red-hat-display-bold-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold-it.ttf") format("truetype");
}
span.font3{font-family:"red-hat-display-bold-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Bold Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-bold-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-bold-italic.otf") format("truetype");
}
span.font4{font-family:"red-hat-display-bold-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Bold Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-black-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black.ttf") format("truetype");
}
span.font5{font-family:"red-hat-display-black-regular";font-size:px;text-transform:;}
</style>
Red Hat Display Black Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-display-black-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black.otf") format("truetype");
}
span.font6{font-family:"red-hat-display-black-regular";font-size:px;text-transform:;}
</style>
Red Hat Display Black Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-display-black-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black-it.ttf") format("truetype");
}
span.font7{font-family:"red-hat-display-black-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Black Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-black-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-black-italic.otf") format("truetype");
}
span.font8{font-family:"red-hat-display-black-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Black Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-text-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text.ttf") format("truetype");
}
span.font9{font-family:"red-hat-text-regular";font-size:px;text-transform:;}
</style>
Red Hat Text Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-text-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text.otf") format("truetype");
}
span.font10{font-family:"red-hat-text-regular";font-size:px;text-transform:;}
</style>
Red Hat Text Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-text-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-it.ttf") format("truetype");
}
span.font11{font-family:"red-hat-text-italic";font-size:px;text-transform:;}
</style>
Red Hat Text Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-text-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-italic.otf") format("truetype");
}
span.font12{font-family:"red-hat-text-italic";font-size:px;text-transform:;}
</style>
Red Hat Text Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-text-medium-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium.otf") format("truetype");
}
span.font13{font-family:"red-hat-text-medium-regular";font-size:px;text-transform:;}
</style>
Red Hat Text Medium Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-text-medium-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium.ttf") format("truetype");
}
span.font14{font-family:"red-hat-text-medium-regular";font-size:px;text-transform:;}
</style>
Red Hat Text Medium Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-text-medium-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium-it.ttf") format("truetype");
}
span.font15{font-family:"red-hat-text-medium-italic";font-size:px;text-transform:;}
</style>
Red Hat Text Medium Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-text-medium-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-medium-italic.otf") format("truetype");
}
span.font16{font-family:"red-hat-text-medium-italic";font-size:px;text-transform:;}
</style>
Red Hat Text Medium Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-text-bold";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold.otf") format("truetype");
}
span.font17{font-family:"red-hat-text-bold";font-size:px;text-transform:;}
</style>
Red Hat Text Bold
<style type="text/css">
@font-face{
    font-family:"red-hat-text-bold";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold.ttf") format("truetype");
}
span.font18{font-family:"red-hat-text-bold";font-size:px;text-transform:;}
</style>
Red Hat Text Bold
<style type="text/css">
@font-face{
    font-family:"red-hat-text-bold-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold-it.ttf") format("truetype");
}
span.font19{font-family:"red-hat-text-bold-italic";font-size:px;text-transform:;}
</style>
Red Hat Text Bold Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-text-bold-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.text-bold-italic.otf") format("truetype");
}
span.font20{font-family:"red-hat-text-bold-italic";font-size:px;text-transform:;}
</style>
Red Hat Text Bold Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display.ttf") format("truetype");
}
span.font21{font-family:"red-hat-display-regular";font-size:px;text-transform:;}
</style>
Red Hat Display Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-display-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display.otf") format("truetype");
}
span.font22{font-family:"red-hat-display-regular";font-size:px;text-transform:;}
</style>
Red Hat Display Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-display-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-it.ttf") format("truetype");
}
span.font23{font-family:"red-hat-display-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-italic.otf") format("truetype");
}
span.font24{font-family:"red-hat-display-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Italic
<style type="text/css">
@font-face{
    font-family:"red-hat-display-medium-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium.ttf") format("truetype");
}
span.font25{font-family:"red-hat-display-medium-regular";font-size:px;text-transform:;}
</style>
Red Hat Display Medium Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-display-medium-regular";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium.otf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium.otf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium.otf") format("truetype");
}
span.font26{font-family:"red-hat-display-medium-regular";font-size:px;text-transform:;}
</style>
Red Hat Display Medium Regular
<style type="text/css">
@font-face{
    font-family:"red-hat-display-medium-italic";
    src:url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium-it.ttf") format("woff"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium-it.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/r/923/16923/file/red-hat.display-medium-it.ttf") format("truetype");
}
span.font27{font-family:"red-hat-display-medium-italic";font-size:px;text-transform:;}
</style>
Red Hat Display Medium Italic

Ad1

ad2