Red Hat Display Font Family

Use "Red Hat Display" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Red Hat Display font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download Red Hat Display webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.

@font-face kit

@font-face {
    font-family: 'Red Hat Display Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Regular'), url('RedHatDisplay-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Italic'), url('RedHatDisplay-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Medium'), url('RedHatDisplay-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Medium Italic'), url('RedHatDisplay-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Bold'), url('RedHatDisplay-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Bold Italic'), url('RedHatDisplay-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Black';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Black'), url('RedHatDisplay-Black.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Display Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Display Black Italic'), url('RedHatDisplay-BlackItalic.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Text Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Text Regular'), url('RedHatText-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Text Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Text Italic'), url('RedHatText-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Text Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Text Medium'), url('RedHatText-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Text Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Text Medium Italic'), url('RedHatText-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Text Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Text Bold'), url('RedHatText-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Red Hat Text Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Red Hat Text Bold Italic'), url('RedHatText-BoldItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Red Hat Display Regular'">Voluptas doloribus alias rerum facilis quos.</h3>
<h3 style="font-family: 'Red Hat Display Italic'">Consequatur ut eum provident earum quae.</h3>
<h3 style="font-family: 'Red Hat Display Medium'">Nostrum aut nesciunt non vel laudantium.</h3>
<h3 style="font-family: 'Red Hat Display Medium Italic'">Repellat voluptatem harum cum quia qui.</h3>
<h3 style="font-family: 'Red Hat Display Bold'">Cum voluptas quia officiis.</h3>
<h3 style="font-family: 'Red Hat Display Bold Italic'">Ut quia quas in esse.</h3>
<h3 style="font-family: 'Red Hat Display Black'">Qui voluptas quo voluptatem aperiam.</h3>
<h3 style="font-family: 'Red Hat Display Black Italic'">Unde molestias possimus maiores qui sed.</h3>
<h3 style="font-family: 'Red Hat Text Regular'">Sequi voluptates dicta quidem.</h3>
<h3 style="font-family: 'Red Hat Text Italic'">Reprehenderit dolore dolorem voluptas.</h3>
<h3 style="font-family: 'Red Hat Text Medium'">Dolorum beatae ut quas aliquid ut et aut.</h3>
<h3 style="font-family: 'Red Hat Text Medium Italic'">Sint et aut iste dolor non.</h3>
<h3 style="font-family: 'Red Hat Text Bold'">Deleniti facilis ea vel tempore voluptas qui ut.</h3>
<h3 style="font-family: 'Red Hat Text Bold Italic'">Recusandae iusto sint vitae voluptatibus ut.</h3>

Preview

License

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.

This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL

Copyright 2019 The Red Hat Project Authors (https://github.com/RedHatOfficial/RedHatFont)

Copyright 2019 The Red Hat Project Authors (https://github.com/RedHatOfficial/RedHatFont)

http://scripts.sil.org/OFL