title: Font Awesome icons disappear after refresh in Chrome
body: <p>Bootstrap version 3</p>
  
  <p>Font Awesome version 3.2.1</p>
  
  <p>I am having issues with bootstrap and font awesome on Chrome. When I originally load a page, the font awesome icons are displayed correctly. When I refresh the page, the icons disappear. **To clarify, the entire icon is missing, this is not the empty box issue that some others encounter.</p>
  
  <p>I'm grasping at straws here, but I noticed there were differences in the order in which the files were retrieved between the original page load and the refresh.</p>
  
  <p>When the page is refreshed, the font file is the last item to be retrieved, and it appears to be a cached version as well.</p>
  
  <p>Finally, any icons that are located inside of a <code>&lt;div class="btn"&gt;</code> will be loaded when the mouse hovers over the <code>div</code>.</p>
  
  <p>Any help would be much appreciated!</p>
  
  <p>Initial page load
  <img src="https://i.stack.imgur.com/6OXPQ.png" alt="Original page load"></p>
  
  <p><img src="https://i.stack.imgur.com/yq8S0.png" alt="Original page load headers"></p>
  
  <p>Page refresh
  <img src="https://i.stack.imgur.com/pOwCa.png" alt="Page refresh"></p>
  
  <p><img src="https://i.stack.imgur.com/Aqq4Z.png" alt="Page refresh headers"></p>