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'">Itaque sint architecto id ex.</h3>
<h3 style="font-family: 'Bionic Type Malfunction'">Sunt pariatur dicta quisquam consequuntur.</h3>
<h3 style="font-family: 'Bionic Type Condensed'">A et ut qui assumenda voluptatem et.</h3>
<h3 style="font-family: 'Bionic Type Expanded'">In sit doloribus ut similique.</h3>
<h3 style="font-family: 'Bionic Type Gradient'">Quia expedita architecto et quae.</h3>
<h3 style="font-family: 'Bionic Type Shadow'">Maiores et nihil facilis totam ut.</h3>
<h3 style="font-family: 'Bionic Type Cond Italic'">Amet quos nesciunt voluptatem placeat temporibus.</h3>
<h3 style="font-family: 'Bionic Type Expanded Italic'">Et est quas autem mollitia tenetur.</h3>
<h3 style="font-family: 'Bionic Type Grad Italic'">Nihil fugiat esse cumque non sequi.</h3>
<h3 style="font-family: 'Bionic Type Italic'">Aspernatur expedita quo aspernatur similique.</h3>
<h3 style="font-family: 'Bionic Type Out Italic'">Dolore officiis cupiditate labore.</h3>
<h3 style="font-family: 'Bionic Type Slant'">Rerum quos fuga consectetur pariatur.</h3>
<h3 style="font-family: 'Bionic Type Light'">Ullam sunt voluptatem pariatur voluptas.</h3>
<h3 style="font-family: 'Bionic Type Bold'">Non vel ea quis aliquid sint vel ut.</h3>
<h3 style="font-family: 'Bionic Type Expanded Bold'">Quod inventore illum ad dolores magni asperiores.</h3>

Preview

License

2002 Iconian Fonts - www.iconian.com