title: Unable to render font awesome icons
body: <p>I am using following code to render font awesome icons</p>
  
  <p><strong>Index.html:</strong>  <code>&lt;link rel="stylesheet" href="/bower/fontawesome/css/font-awesome.min.css"&gt;</code></p>
  
  <p>On the page: <code>&lt;p&gt;&lt;i class="fa fa-gear fa-5x"&gt;&lt;/i&gt; fa-gear&lt;/p&gt;</code> <strong>This results in - See below image for result:</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/tmgvx.png" alt="enter image description here"></p>
  
  <p><strong>But when I change it to</strong> <code>&lt;p&gt;&lt;i class="fa-square-o"&gt;&lt;/i&gt; fa-gear&lt;/p&gt;</code> when I use class <a href="http://fortawesome.github.io/Font-Awesome/icon/square-o/" rel="nofollow noreferrer">fa-square-o</a> I do not see correct result .See this image </p>
  
  <p><strong>What needs to be done to fix this issue?</strong></p>
  
  <p><img src="https://i.stack.imgur.com/PkqCC.png" alt="enter image description here"></p>