Font-Awesome in WordPress - Icons not stacking correctly

admin

Administrator
Staff member
I am using Font-Awesome in a WordPress site have included the Font-Awesome CDN in my functions.php file according to <a href="http://youneedfat.com/font-awesome-wordpress-cdn/" rel="nofollow">this bit of php</a>.

I can insert the icons into my site but am unable to get icons to stack according to this example code:

Code:
&lt;span class="fa-stack fa-lg"&gt;
  &lt;i class="fa fa-square-o fa-stack-2x"&gt;&lt;/i&gt;
  &lt;i class="fa fa-twitter fa-stack-1x"&gt;&lt;/i&gt;
&lt;/span&gt;
fa-twitter on fa-square-o

You can see the output of this code <a href="http://dariusdevas.com/wp/?page_id=79" rel="nofollow">here</a>.

Does anyone have any thoughts on why this may not be working? I'm pretty sure that there are no CSS class clashes...

<hr>