Using Ionicons in Geodirectory

Hi

Font awesome is very nice, but very limiting. I want to be able to use Ionicons ( https://github.com/driftyco/ionicons ), and at first installation seemed easy. I am using the supreme child theme, and therefore I put everything in the /public_html/wp-content/themes/supreme-directory/ directory

1. Download and extract the font pack ( easy peazy)
2. Copy the ionicons.css to your project ( put it in the supreme directory folder)
3. Copy the fonts folder to your project ( copied this to the Supreme directory forlder)
4. Ensure the font urls within ionicons.css properly reference the fonts path within your project.( Looks right–> font-family: “Ionicons”; src: url(“../fonts/ionicons.eot?v=2.0.0”); src: url(“../fonts/ionicons.eot?v=2.0.0#iefix”) )
5. Include a reference to the ionicons.css file from every webpage you need to use it.

What?? How do I do that?

Does anybody have any experience with Ionicons that can give me some help? I am probably making a few mistakes.

Thank you
Louis