title: Glyphicons blink on refresh in chrome
body: <p>I'm using Bootstrap glyphicons. They are working nicely, but with Chrome browser, the glyphicons blink when the page loads</p>
  
  <p>For example:</p>
  
  <ol>
  <li>Open this link on Bootstrap: 
  
  <ul>
  <li><a href="http://getbootstrap.com/components/#glyphicons-glyphs" rel="noreferrer">http://getbootstrap.com/components/#glyphicons-glyphs</a></li>
  </ul></li>
  <li>Once loaded, Press <kbd>F5</kbd> or refresh.</li>
  <li>You will see the glyphicons blink.</li>
  </ol>
  
  <p>How can I fix it so they don't blink?</p>
  
  <p><strong>Here's a screenshot</strong>:</p>
  
  <p><img src="https://i.imgur.com/hEfxlxx.gif" alt="Example"></p>
  
  <p><strong>Note:</strong> This only happens in Chrome, not FF or IE.</p>