title: Font Awesome not showing on my localhost
body: <p>I am using font awesome on webpage and non of the following is working on my local system</p>
  
  <pre><code>&lt;a href="#header" class="fa fa-angle-down"&gt;&lt;/a&gt;
  &lt;a href="#header" class="fa fa-arrow-circle-o-down" style="font-size:24px"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Same code works on fiddle but not the local host</p>
  
  <p><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;</code></p>
  
  <p><a href="http://jsfiddle.net/ZF7x4/33/" rel="noreferrer">http://jsfiddle.net/ZF7x4/33/</a></p>
  
  <p><a href="http://fontawesome.io/icon/arrow-circle-o-down/" rel="noreferrer">http://fontawesome.io/icon/arrow-circle-o-down/</a></p>
  
  <p>I am not sure why it is not working i tried few thing but it is not working</p>
  
  <p><strong>UPDATE</strong>:</p>
  
  <p>While trouble shooting further i noticed it only shows following css in localhost</p>
  
  <pre><code>.fa {
      display: inline-block;
      font-family: FontAwesome;
      font-feature-settings: normal;
      font-kerning: auto;
      font-language-override: normal;
      font-size: inherit;
      font-size-adjust: none;
      font-stretch: normal;
      font-style: normal;
      font-synthesis: weight style;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      text-rendering: auto;
  }
  .fa {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
  }
  </code></pre>
  
  <p>And rest of which is visible on fiddle is not showing in localhost. Not sure why while i am using same cdn link</p>
  
  <pre><code>.fa-angle-down::before {
      content: "";
  }
  .fa-angle-down::before {
      content: "";
  }
  </code></pre>
  
  <p>UPDATE 2:</p>
  
  <p>Issue seems to be only with <code>anchor</code> when i use same for <code>&lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;</code> it works why?</p>