Aetherfox Font Family

Use "Aetherfox" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Aetherfox 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 Aetherfox 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: 'Aetherfox';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox'), url('aetherfox.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox 3D';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox 3D'), url('aetherfox3d.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Gradient';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Gradient'), url('aetherfoxgrad.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox 3D Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox 3D Italic'), url('aetherfox3dital.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Condensed'), url('aetherfoxcond.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Condensed Italic'), url('aetherfoxcondital.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Expanded';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Expanded'), url('aetherfoxexpand.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Expanded Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Expanded Italic'), url('aetherfoxexpandital.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Gradient Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Gradient Italic'), url('aetherfoxgradital.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Italic'), url('aetherfoxital.woff') format('woff');
}
@font-face {
    font-family: 'Aetherfox Leftalic';
    font-style: normal;
    font-weight: normal;
    src: local('Aetherfox Leftalic'), url('aetherfoxleft.woff') format('woff');
}

sample html

<h3 style="font-family: 'Aetherfox'">Voluptates aut nemo aut sequi rerum.</h3>
<h3 style="font-family: 'Aetherfox 3D'">Id dolor molestias eveniet ea aut.</h3>
<h3 style="font-family: 'Aetherfox Gradient'">Id excepturi iusto temporibus rerum.</h3>
<h3 style="font-family: 'Aetherfox 3D Italic'">Autem voluptate eos beatae iure qui vero harum.</h3>
<h3 style="font-family: 'Aetherfox Condensed'">Necessitatibus quis et ratione in.</h3>
<h3 style="font-family: 'Aetherfox Condensed Italic'">A a tempore minus ratione.</h3>
<h3 style="font-family: 'Aetherfox Expanded'">Est facilis et sapiente id dolor.</h3>
<h3 style="font-family: 'Aetherfox Expanded Italic'">Veniam quisquam similique architecto.</h3>
<h3 style="font-family: 'Aetherfox Gradient Italic'">Omnis asperiores et odit reiciendis error.</h3>
<h3 style="font-family: 'Aetherfox Italic'">Inventore esse amet dolor optio maiores dolore.</h3>
<h3 style="font-family: 'Aetherfox Leftalic'">Sed quos architecto et iste voluptatum alias non.</h3>

Preview

License

2015 Iconian Fonts - www.iconian.com