Fantom Font Family

Use "Fantom" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Fantom 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 Fantom 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: 'Fantom';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom'), url('fantom.woff') format('woff');
}
@font-face {
    font-family: 'Fantom 3D';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom 3D'), url('fantom3d.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Condensed'), url('fantomc.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Expanded';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Expanded'), url('fantome.woff') format('woff');
}
@font-face {
    font-family: 'Fantom 3D Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom 3D Italic'), url('fantom3di.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Condensed Italic'), url('fantomci.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Expanded Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Expanded Italic'), url('fantomei.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Italic'), url('fantomi.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Bold'), url('fantomb.woff') format('woff');
}
@font-face {
    font-family: 'Fantom Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fantom Bold Italic'), url('fantombi.woff') format('woff');
}

sample html

<h3 style="font-family: 'Fantom'">Veniam error est deleniti iure et sed.</h3>
<h3 style="font-family: 'Fantom 3D'">Aut quas consequuntur suscipit.</h3>
<h3 style="font-family: 'Fantom Condensed'">Dolorem natus magnam et voluptatibus.</h3>
<h3 style="font-family: 'Fantom Expanded'">Consectetur qui nostrum in possimus.</h3>
<h3 style="font-family: 'Fantom 3D Italic'">Aut nesciunt amet quia eos vel.</h3>
<h3 style="font-family: 'Fantom Condensed Italic'">Numquam doloribus aut ipsam aut eveniet.</h3>
<h3 style="font-family: 'Fantom Expanded Italic'">Omnis at et libero quis maiores.</h3>
<h3 style="font-family: 'Fantom Italic'">Dolor dolores cumque sapiente minima est ipsam.</h3>
<h3 style="font-family: 'Fantom Bold'">Expedita rerum provident asperiores consequatur.</h3>
<h3 style="font-family: 'Fantom Bold Italic'">Nesciunt veniam mollitia cumque.</h3>

Preview

License

2009 Iconian Fonts - www.iconian.com