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'">Ab est voluptatem in voluptates.</h3>
<h3 style="font-family: 'Brandon Grotesque Thin Italic'">Unde et nesciunt quis eos in suscipit nesciunt.</h3>
<h3 style="font-family: 'Brandon Grotesque Light'">Atque ut vero minus consequatur.</h3>
<h3 style="font-family: 'Brandon Grotesque Light Italic'">Amet atque libero qui velit.</h3>
<h3 style="font-family: 'Brandon Grotesque Medium Italic'">Ratione veniam in dolores molestiae.</h3>
<h3 style="font-family: 'Brandon Grotesque Bold Italic'">Maxime illo nihil error quas.</h3>
<h3 style="font-family: 'Brandon Grotesque Black'">Molestiae nisi ut laboriosam maiores dicta est.</h3>

Preview

License

Brandon Grotesque is a trademark of Hannes von Doehren.

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