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'">Corrupti a dolores atque vel.</h3>
<h3 style="font-family: 'Red Hat Display Italic'">Officia voluptates et eos rerum et consequatur.</h3>
<h3 style="font-family: 'Red Hat Display Medium'">Odit sint nihil illo est aut.</h3>
<h3 style="font-family: 'Red Hat Display Medium Italic'">Cupiditate sint ad asperiores enim.</h3>
<h3 style="font-family: 'Red Hat Display Bold'">Atque hic aut omnis inventore aut.</h3>
<h3 style="font-family: 'Red Hat Display Bold Italic'">Doloribus delectus ea cum.</h3>
<h3 style="font-family: 'Red Hat Display Black'">Repellat et ut vero aut dolores deserunt.</h3>
<h3 style="font-family: 'Red Hat Display Black Italic'">Omnis alias incidunt et nisi nulla ut.</h3>
<h3 style="font-family: 'Red Hat Text Regular'">Dolor magnam autem quisquam vitae rem ut at.</h3>
<h3 style="font-family: 'Red Hat Text Italic'">Voluptas amet ab ut nulla accusamus.</h3>
<h3 style="font-family: 'Red Hat Text Medium'">Consequatur magnam voluptas et possimus illo.</h3>
<h3 style="font-family: 'Red Hat Text Medium Italic'">Amet qui error neque porro ut.</h3>
<h3 style="font-family: 'Red Hat Text Bold'">Itaque ut qui consequatur natus nemo ea.</h3>
<h3 style="font-family: 'Red Hat Text Bold Italic'">Quo omnis id ducimus et.</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