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'">Tempora ipsa sed ipsum quos minima.</h3>
<h3 style="font-family: 'Phaser Bank 3D'">Et rem consectetur repellendus velit enim iusto.</h3>
<h3 style="font-family: 'Phaser Bank Laser'">Commodi aperiam repellendus aut et.</h3>
<h3 style="font-family: 'Phaser Bank Pro'">Temporibus id dolores tenetur numquam accusamus.</h3>
<h3 style="font-family: 'Phaser Bank Rotalic'">Odit cupiditate non architecto quis in officia.</h3>
<h3 style="font-family: 'Phaser Bank Leftalic'">Dolores ipsum eum quia excepturi ea nulla.</h3>
<h3 style="font-family: 'Phaser Bank Condensed'">Dolor consectetur molestiae minus harum deleniti.</h3>
<h3 style="font-family: 'Phaser Bank Expanded'">Nam itaque qui est molestias.</h3>
<h3 style="font-family: 'Phaser Bank 3D Italic'">Aut sint nam sed voluptas rerum voluptatibus.</h3>
<h3 style="font-family: 'Phaser Bank Condensed Italic'">Nihil laborum autem consectetur magnam ullam sit.</h3>
<h3 style="font-family: 'Phaser Bank Expanded Italic'">Qui quam maiores ut earum.</h3>
<h3 style="font-family: 'Phaser Bank Italic'">Nobis iste perferendis quia eum totam et dolores.</h3>
<h3 style="font-family: 'Phaser Bank Laser Italic'">Ipsam aut molestiae temporibus labore.</h3>
<h3 style="font-family: 'Phaser Bank Pro Italic'">Iusto ea debitis facilis ut earum maxime et.</h3>
<h3 style="font-family: 'Phaser Bank Bold'">Ab a enim sint ut ab.</h3>
<h3 style="font-family: 'Phaser Bank Bold Italic'">Facere aut deserunt aliquam eius maiores.</h3>

Preview

License

2008 Iconian Fonts - www.iconian.com