title: FontAwesome; Not working
body: <p>This should be simple. I just want to display the font-awesome remove font, and the font awesome fa-camera-retro font. What on earth am I doing wrong. I made sure I am using the right class; I examined the website and just simply downloaded the CDN. </p>
  
  <p>Copy this file to your hard drive and call it Index.html;
  Examine this through ANY browser; It will not work. Somehow it works on Fiddle! WTF?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt; Test &lt;/title&gt;
          &lt;meta charset="utf-8"&gt;      
          &lt;link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;
          &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;script&gt; &lt;/script&gt;
  
      &lt;/head&gt;
  &lt;body&gt;
  WHY DOESNT THIS WORK = Remove It - &lt;i class="fa fa-remove"&gt;&lt;/i&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;table class="table table-hover"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th&gt; Heading 1 &lt;/th&gt;
                              &lt;th&gt; Heading 2 &lt;/th&gt;
                              &lt;th&gt; Remove &lt;/th&gt;
                              &lt;th&gt; Icon 2 &lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;
                          &lt;tr&gt;
                              &lt;td&gt; Element 1 &lt;/td&gt;
                              &lt;td&gt; Element 2 &lt;/td&gt;
                              &lt;td&gt;WHY DOESNT THIS WORK = &lt;i class="fa fa-camera-retro"&gt;&lt;/i&gt;&lt;/td&gt;
                              &lt;td&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/td&gt;
                          &lt;/tr&gt;
  
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>