title: Font-Awesome icons showing up as square boxes
body: <p>Why is my code not showing me the icons ? </p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="#" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>