How to use on a website ?

First, download package and unzip it. Link to CSS file.

<link href="css/eurodance.css" rel="stylesheet" type="text/css">

CSS file implies that font files are located in the same directory. Otherwise, you'll have to edit the CSS file.

You can place eurodance icons anywhere using the CSS icon's name. It is designed to be used with inline elements tags (<span>, <i>...).

<i class="icon-2_brothers"></i> 

You can also obtain the same result by using the unicode code. Don't forget to specify font-family CSS attribute !

<i style="font-family: 'eurodance'">&#xf126;</i> 

To use the unicode code inside a content attribute, use it like this :

style="content: "\f126";"

You can't use CSS name with elements such as input. In this case you can use the unicode code.

<input style="font-family: 'eurodance'; font-size: 50px; height: 45px; width: 53px" value="&#xf126;" type="submit"/>

Result :

How to use on Windows ?

Get eurodance.ttf from the package. Drag and drop it to your C:\Windows\Fonts folder. Once installed, you can use it in every application (Word, Power Point, Photoshop). Just copy the logo you wish to use from the glyph table above, and paste it in your file.

If you share your work, don't forget to provide the font file too, otherwise recipient will only see dots !

Disclamer

This font is free. It is provided "as is" without warranty of any kind. It won't work on IE8 and below. All rights of logos' creators reserved.

If you think that your favourite eurodance artist's logo is missing, please send it to me. Vector SVG format only !