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'">Quas dignissimos dolores quia itaque.</h3>
<h3 style="font-family: 'Brandon Grotesque Thin Italic'">Et quos et minus ipsam ut molestias eaque.</h3>
<h3 style="font-family: 'Brandon Grotesque Light'">Sit illum nemo alias ipsum.</h3>
<h3 style="font-family: 'Brandon Grotesque Light Italic'">Dicta consequatur aut cumque voluptatem corrupti.</h3>
<h3 style="font-family: 'Brandon Grotesque Medium Italic'">Dolorem ut consequuntur non.</h3>
<h3 style="font-family: 'Brandon Grotesque Bold Italic'">Aut eum odio dolorum error qui ea temporibus aut.</h3>
<h3 style="font-family: 'Brandon Grotesque Black'">Quia expedita expedita esse ut cum.</h3>

Preview

License

Brandon Grotesque is a trademark of Hannes von Doehren.

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