Bolton Font Family

Use "Bolton" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Bolton 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 Bolton 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: 'Bolton';
    font-style: normal;
    font-weight: normal;
    src: local('Bolton'), url('Bolton.woff') format('woff');
}
@font-face {
    font-family: 'BoltonBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonBoldItalic'), url('BoltonBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'BoltonBold';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonBold'), url('BoltonBold.woff') format('woff');
}
@font-face {
    font-family: 'BoltonElongated';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonElongated'), url('BoltonElongated.woff') format('woff');
}
@font-face {
    font-family: 'BoltonItalicOutline';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonItalicOutline'), url('BoltonItalicOutline.woff') format('woff');
}
@font-face {
    font-family: 'BoltonItalic';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonItalic'), url('BoltonItalic.woff') format('woff');
}
@font-face {
    font-family: 'BoltonLightItalic';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonLightItalic'), url('BoltonLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'BoltonLight';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonLight'), url('BoltonLight.woff') format('woff');
}
@font-face {
    font-family: 'BoltonOutline';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonOutline'), url('BoltonOutline.woff') format('woff');
}
@font-face {
    font-family: 'BoltonShadowed';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonShadowed'), url('BoltonShadowed.woff') format('woff');
}
@font-face {
    font-family: 'BoltonTitlingBold';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonTitlingBold'), url('BoltonTitlingBold.woff') format('woff');
}
@font-face {
    font-family: 'BoltonTitlingElongated';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonTitlingElongated'), url('BoltonTitlingElongated.woff') format('woff');
}
@font-face {
    font-family: 'BoltonTitlingOutline';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonTitlingOutline'), url('BoltonTitlingOutline.woff') format('woff');
}
@font-face {
    font-family: 'BoltonTitlingShadowed';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonTitlingShadowed'), url('BoltonTitlingShadowed.woff') format('woff');
}
@font-face {
    font-family: 'BoltonTitling';
    font-style: normal;
    font-weight: normal;
    src: local('BoltonTitling'), url('BoltonTitling.woff') format('woff');
}

sample html

<h3 style="font-family: 'Bolton'">Enim consequatur esse distinctio.</h3>
<h3 style="font-family: 'BoltonBoldItalic'">Adipisci qui ab animi optio.</h3>
<h3 style="font-family: 'BoltonBold'">Eos culpa qui dolor consectetur odio.</h3>
<h3 style="font-family: 'BoltonElongated'">Fuga velit quas sit blanditiis qui non.</h3>
<h3 style="font-family: 'BoltonItalicOutline'">Fugiat id facilis corrupti culpa totam ut.</h3>
<h3 style="font-family: 'BoltonItalic'">Ab blanditiis corporis recusandae repellat.</h3>
<h3 style="font-family: 'BoltonLightItalic'">Et expedita repellat nam distinctio impedit sint.</h3>
<h3 style="font-family: 'BoltonLight'">Ut est eligendi voluptas eveniet tempora qui ea.</h3>
<h3 style="font-family: 'BoltonOutline'">Quam quidem quia quo.</h3>
<h3 style="font-family: 'BoltonShadowed'">Rem voluptatum qui facere voluptatem.</h3>
<h3 style="font-family: 'BoltonTitlingBold'">Tenetur ipsum qui pariatur voluptas qui eos.</h3>
<h3 style="font-family: 'BoltonTitlingElongated'">Est qui voluptatem nam et ea.</h3>
<h3 style="font-family: 'BoltonTitlingOutline'">Eligendi nulla et incidunt ut non tempore fuga.</h3>
<h3 style="font-family: 'BoltonTitlingShadowed'">Itaque blanditiis et earum aut dicta in.</h3>
<h3 style="font-family: 'BoltonTitling'">In qui omnis vero deleniti.</h3>

Preview

License

Created by Type-Designer 3.0

Copyright PJ Lloyd 1995