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'">Eos perspiciatis laboriosam harum.</h3>
<h3 style="font-family: 'Phaser Bank 3D'">Blanditiis qui tenetur excepturi dolorum.</h3>
<h3 style="font-family: 'Phaser Bank Laser'">Quo culpa est sapiente magnam impedit.</h3>
<h3 style="font-family: 'Phaser Bank Pro'">Ea hic laboriosam dignissimos expedita.</h3>
<h3 style="font-family: 'Phaser Bank Rotalic'">In incidunt et sint non iste natus.</h3>
<h3 style="font-family: 'Phaser Bank Leftalic'">Eligendi beatae deserunt id vel dignissimos ut.</h3>
<h3 style="font-family: 'Phaser Bank Condensed'">Corrupti sit unde nulla officiis sed eaque.</h3>
<h3 style="font-family: 'Phaser Bank Expanded'">Omnis minus consequuntur vitae eum.</h3>
<h3 style="font-family: 'Phaser Bank 3D Italic'">Nihil sed quis deserunt voluptas.</h3>
<h3 style="font-family: 'Phaser Bank Condensed Italic'">Eaque omnis esse nihil non nesciunt dolorem.</h3>
<h3 style="font-family: 'Phaser Bank Expanded Italic'">Et inventore ad voluptatem ut.</h3>
<h3 style="font-family: 'Phaser Bank Italic'">Eum minima quaerat vitae.</h3>
<h3 style="font-family: 'Phaser Bank Laser Italic'">Tempore natus aut quaerat fuga eligendi.</h3>
<h3 style="font-family: 'Phaser Bank Pro Italic'">Natus similique ut quia cum occaecati maiores.</h3>
<h3 style="font-family: 'Phaser Bank Bold'">Asperiores hic ducimus dignissimos placeat totam.</h3>
<h3 style="font-family: 'Phaser Bank Bold Italic'">Ut et est animi facilis sunt dolore.</h3>

Preview

License

2008 Iconian Fonts - www.iconian.com