Bionic Type Font Family

Use "Bionic Type" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Bionic Type 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 Bionic Type 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: 'Bionic Type';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type'), url('Biotyp.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Malfunction';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Malfunction'), url('Biotypm.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Condensed'), url('Biotypc.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Expanded';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Expanded'), url('Biotype.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Gradient';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Gradient'), url('Biotypg.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Shadow';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Shadow'), url('Biotypsh.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Cond Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Cond Italic'), url('Biotypci.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Expanded Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Expanded Italic'), url('Biotypei.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Grad Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Grad Italic'), url('Biotypgi.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Italic'), url('Biotypi.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Out Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Out Italic'), url('Biotypoi.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Slant';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Slant'), url('Biotyps.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Light';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Light'), url('Biotypl.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Bold'), url('Biotypb.woff') format('woff');
}
@font-face {
    font-family: 'Bionic Type Expanded Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Bionic Type Expanded Bold'), url('Biotypeb.woff') format('woff');
}

sample html

<h3 style="font-family: 'Bionic Type'">Delectus sunt voluptas voluptatem et et.</h3>
<h3 style="font-family: 'Bionic Type Malfunction'">Magni sapiente ut odio fuga enim velit.</h3>
<h3 style="font-family: 'Bionic Type Condensed'">Debitis quam dolores debitis sunt minima.</h3>
<h3 style="font-family: 'Bionic Type Expanded'">Cum et qui hic facilis ipsam.</h3>
<h3 style="font-family: 'Bionic Type Gradient'">Maxime est natus minima excepturi.</h3>
<h3 style="font-family: 'Bionic Type Shadow'">Voluptatem eos molestiae ullam eius occaecati et.</h3>
<h3 style="font-family: 'Bionic Type Cond Italic'">Tempora ut eum amet et magnam officia.</h3>
<h3 style="font-family: 'Bionic Type Expanded Italic'">Aut assumenda autem repellat quaerat.</h3>
<h3 style="font-family: 'Bionic Type Grad Italic'">Quas eveniet eum enim ab est quasi.</h3>
<h3 style="font-family: 'Bionic Type Italic'">In ut minus asperiores dolorem et unde et.</h3>
<h3 style="font-family: 'Bionic Type Out Italic'">Tempora hic sunt deleniti consequatur.</h3>
<h3 style="font-family: 'Bionic Type Slant'">Qui sunt nobis sunt maiores.</h3>
<h3 style="font-family: 'Bionic Type Light'">Laudantium natus atque esse a quia temporibus.</h3>
<h3 style="font-family: 'Bionic Type Bold'">Recusandae rerum illo sit omnis quam.</h3>
<h3 style="font-family: 'Bionic Type Expanded Bold'">Aut sapiente et voluptates quae nam.</h3>

Preview

License

2002 Iconian Fonts - www.iconian.com