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'">Minus ut voluptatem eligendi incidunt.</h3>
<h3 style="font-family: 'Aetherfox 3D'">Rerum voluptas harum nobis dolores ipsum.</h3>
<h3 style="font-family: 'Aetherfox Gradient'">Tenetur nesciunt nihil earum dicta.</h3>
<h3 style="font-family: 'Aetherfox 3D Italic'">Iste vel est repellat.</h3>
<h3 style="font-family: 'Aetherfox Condensed'">Quam velit aut reprehenderit et pariatur tempore.</h3>
<h3 style="font-family: 'Aetherfox Condensed Italic'">Sit at tenetur mollitia fugit et.</h3>
<h3 style="font-family: 'Aetherfox Expanded'">Unde et ut beatae eligendi dignissimos.</h3>
<h3 style="font-family: 'Aetherfox Expanded Italic'">Optio explicabo dicta quae ex sint ex.</h3>
<h3 style="font-family: 'Aetherfox Gradient Italic'">Quo id aut magni sit voluptates soluta.</h3>
<h3 style="font-family: 'Aetherfox Italic'">Alias beatae non ab id.</h3>
<h3 style="font-family: 'Aetherfox Leftalic'">Ipsum aliquam dignissimos sint asperiores amet.</h3>

Preview

License

2015 Iconian Fonts - www.iconian.com