Brandon Grotesque Regular Font Family

Use "Brandon Grotesque Regular" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Brandon Grotesque Regular 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 Brandon Grotesque Regular 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: 'Brandon Grotesque Regular Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Regular Italic'), url('brandon-grotesque-regular-italic-58a8a456c4724.woff') format('woff');
}
@font-face {
    font-family: 'Brandon Grotesque Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Thin Italic'), url('brandon-grotesque-thin-italic-58a8a3a8861fe.woff') format('woff');
}
@font-face {
    font-family: 'Brandon Grotesque Light';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Light'), url('brandon-grotesque-light-58a8a4b38001d.woff') format('woff');
}
@font-face {
    font-family: 'Brandon Grotesque Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Light Italic'), url('brandon-grotesque-light-italic-58a8a4ccb88be.woff') format('woff');
}
@font-face {
    font-family: 'Brandon Grotesque Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Medium Italic'), url('brandon-grotesque-medium-italic-58a8a3c40866a.woff') format('woff');
}
@font-face {
    font-family: 'Brandon Grotesque Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Bold Italic'), url('brandon-grotesque-bold-italic-58a8a48221563.woff') format('woff');
}
@font-face {
    font-family: 'Brandon Grotesque Black';
    font-style: normal;
    font-weight: normal;
    src: local('Brandon Grotesque Black'), url('brandon-grotesque-black-58a8a3e824392.woff') format('woff');
}

sample html

<h3 style="font-family: 'Brandon Grotesque Regular Italic'">Cum soluta accusantium blanditiis voluptatem aut.</h3>
<h3 style="font-family: 'Brandon Grotesque Thin Italic'">Quia nostrum dicta doloribus reiciendis.</h3>
<h3 style="font-family: 'Brandon Grotesque Light'">Et non beatae porro omnis saepe non.</h3>
<h3 style="font-family: 'Brandon Grotesque Light Italic'">Aperiam nulla illum explicabo inventore hic.</h3>
<h3 style="font-family: 'Brandon Grotesque Medium Italic'">Harum fugiat ut repudiandae alias aut dolor.</h3>
<h3 style="font-family: 'Brandon Grotesque Bold Italic'">Nulla veritatis voluptatem a.</h3>
<h3 style="font-family: 'Brandon Grotesque Black'">In ut ut nemo molestiae.</h3>

Preview

License

Brandon Grotesque is a trademark of Hannes von Doehren.

Copyright (c) 2009 by Hannes von Doehren. All rights reserved.