How to implement Awesome Font?

How can I use Awesome Fonts? I tried copying an example code from the documentation, but it didn't work.

Code: Select all

<p><i class="icon-camera-retro"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>

Thank you for your help!

Could You please post an url to your site?

sure: www.arika.co

Thanks again!

I'm having the same problem.

I tried adding the font as a plugin and then adding basically the same code to the footer.php, but all it does is center the text in my footer.

I also tried copying how the inStyle theme included the font. I added the font-awesome folder to the font folder. And then I added the font-awesome.css file too. But that didn't work.

The URL for my site is http://www.mindspaceapp.com.

@KhanFu - you did all what was needed. I have injected this code into your html:

Code: Select all

<i class="icon-home"></i>


and the icon displayed correctly.

You must remember, that the plugin you are using is fontawesome 3.2.1 implementation, and if you are searching on fontawesome site for the icon codes - it shows 4.0.3 which is much, much different.
3.2.1 documentation:
http://fortawesome.github.io/Font-Awesome/3.2.1/