Phaser Bank Font Family

Use "Phaser Bank" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Phaser Bank 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 Phaser Bank 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: 'Phaser Bank';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank'), url('phaserbank.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank 3D';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank 3D'), url('phaserbank3d.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Laser';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Laser'), url('phaserbanklaser.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Pro'), url('phaserbankp.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Rotalic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Rotalic'), url('phaserbankr.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Leftalic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Leftalic'), url('phaserbankleft.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Condensed'), url('phaserbankc.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Expanded';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Expanded'), url('phaserbanke.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank 3D Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank 3D Italic'), url('phaserbank3di.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Condensed Italic'), url('phaserbankci.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Expanded Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Expanded Italic'), url('phaserbankei.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Italic'), url('phaserbanki.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Laser Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Laser Italic'), url('phaserbanklaseri.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Pro Italic'), url('phaserbankpi.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Bold'), url('phaserbankb.woff') format('woff');
}
@font-face {
    font-family: 'Phaser Bank Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Phaser Bank Bold Italic'), url('phaserbankbi.woff') format('woff');
}

sample html

<h3 style="font-family: 'Phaser Bank'">Animi sint autem explicabo ut.</h3>
<h3 style="font-family: 'Phaser Bank 3D'">Rem deserunt nostrum at nulla harum rerum.</h3>
<h3 style="font-family: 'Phaser Bank Laser'">Debitis harum dolore officia sunt reiciendis.</h3>
<h3 style="font-family: 'Phaser Bank Pro'">Dolor quia voluptas aut molestiae architecto.</h3>
<h3 style="font-family: 'Phaser Bank Rotalic'">Dolores nemo placeat non dolorem molestiae eos.</h3>
<h3 style="font-family: 'Phaser Bank Leftalic'">Tempora ut qui perspiciatis illo.</h3>
<h3 style="font-family: 'Phaser Bank Condensed'">Voluptas aliquam consequatur blanditiis illo.</h3>
<h3 style="font-family: 'Phaser Bank Expanded'">Officia aut quis dolores odit nesciunt.</h3>
<h3 style="font-family: 'Phaser Bank 3D Italic'">Iusto quasi qui excepturi aut nam.</h3>
<h3 style="font-family: 'Phaser Bank Condensed Italic'">Praesentium adipisci unde quam inventore.</h3>
<h3 style="font-family: 'Phaser Bank Expanded Italic'">Voluptates quas quis est adipisci et qui.</h3>
<h3 style="font-family: 'Phaser Bank Italic'">Et ad ipsum non velit nulla.</h3>
<h3 style="font-family: 'Phaser Bank Laser Italic'">Quod eligendi beatae inventore est.</h3>
<h3 style="font-family: 'Phaser Bank Pro Italic'">Ea consequatur ducimus in ipsum eligendi.</h3>
<h3 style="font-family: 'Phaser Bank Bold'">Ut reiciendis omnis blanditiis voluptatem.</h3>
<h3 style="font-family: 'Phaser Bank Bold Italic'">Cum maxime placeat quos perspiciatis cumque.</h3>

Preview

License

2008 Iconian Fonts - www.iconian.com