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'">Quidem rerum ut sint rem veniam.</h3>
<h3 style="font-family: 'Brandon Grotesque Thin Italic'">Minus minus magni et soluta culpa.</h3>
<h3 style="font-family: 'Brandon Grotesque Light'">Eos quisquam et perferendis a.</h3>
<h3 style="font-family: 'Brandon Grotesque Light Italic'">Et qui perspiciatis est est.</h3>
<h3 style="font-family: 'Brandon Grotesque Medium Italic'">Dolor similique vero delectus beatae.</h3>
<h3 style="font-family: 'Brandon Grotesque Bold Italic'">Provident alias sed rerum officiis.</h3>
<h3 style="font-family: 'Brandon Grotesque Black'">Omnis cum ipsam quas reiciendis maxime totam.</h3>

Preview

License