title: Font Awesome 4.0.3 -circle not working
body: <p>I am trying to use Font Awesome 4.0.3 with the <code>-circle</code> and <code>-o tags</code> and my icons disappear each time.</p>
  
  <p>I am using it like so: <code>&lt;i class="fa fa-twitter-circle-o fa-2x"&gt;&lt;/i&gt;</code></p>
  
  <p>I don't get a blank square or anything else of the sorts; just a blank.</p>
  
  <p>This works: <code>&lt;i class="fa fa-twitter fa-2x"&gt;&lt;/i&gt;</code></p>
  
  <p>Shouldn't the first work according to their <a href="http://fortawesome.github.io/Font-Awesome/whats-new/" rel="nofollow">new naming conventions</a>?</p>
  
  <p><strong>* EDIT *</strong></p>
  
  <p>To elaborate a bit, I know I can stack them like you could in 3x, so for the time being, I have the following (since the circle is so thick):</p>
  
  <pre class="lang-html prettyprint-override"><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;
  </code></pre>
  
  <p>Maybe I am misinterpreting the docs on the FA site, but I read it as the other <em>should</em> work.</p>