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'">Dolorum aut excepturi sunt aut voluptatem.</h3>
<h3 style="font-family: 'Brandon Grotesque Thin Italic'">Soluta optio ipsa natus et. Fugit dolor id eum.</h3>
<h3 style="font-family: 'Brandon Grotesque Light'">Ullam perferendis deserunt enim facere.</h3>
<h3 style="font-family: 'Brandon Grotesque Light Italic'">Voluptas cumque enim inventore harum.</h3>
<h3 style="font-family: 'Brandon Grotesque Medium Italic'">Dolorem tenetur voluptas qui aut.</h3>
<h3 style="font-family: 'Brandon Grotesque Bold Italic'">Accusamus ut provident dolorem quia.</h3>
<h3 style="font-family: 'Brandon Grotesque Black'">Ut iure numquam rem soluta.</h3>

Preview

License

Brandon Grotesque is a trademark of Hannes von Doehren.

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