Font-Awesome in WordPress - Icons not stacking correctly


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="" 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:

&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;
fa-twitter on fa-square-o

You can see the output of this code <a href="" 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...