title: IcoMoon display issue in chrome
body: <p>I have a problem with my icomoon font in Chrome with that icons are sometimes not shown. I don't get the font-missing empty rectangle "fallback".</p>
  
  <p>When I select the element with an icon it will appear, so a repaint will fix it. But forcing a repaint is a terrible solution...</p>
  
  <p>The only solution I find regarding buggy iconfonts in Chrome is to use PUA codes, but I already do that.</p>
  
  <p>My CSS for icons:</p>
  
  <pre><code>.icon-back-in-time-mirror:before {
      content: "\e613";
  }
  
  .icon {
      position: relative;
  }
  
  .icon:before {
      position: absolute;
      height: 22px;
      margin: -11px 0 0;
      top: 50%;
      left: 0;
      font-family: 'icomoon';
      font-weight: 400;
      line-height: 22px;
      display: block;
      speak: none;
  }
  </code></pre>
  
  <p>The <code>@font-face</code> rules</p>
  
  <pre><code>@font-face {
    font-family: 'icomoon';
    src:url('/gui/css/fonts/icomoon.eot?-cpkbjx');
    src:url('/gui/css/fonts/icomoon.eot?#iefix-cpkbjx') format('embedded-opentype'),
      url('/gui/css/fonts/icomoon.woff?-cpkbjx') format('woff'),
      url('/gui/css/fonts/icomoon.ttf?-cpkbjx') format('truetype'),
      url('/gui/css/fonts/icomoon.svg?-cpkbjx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  </code></pre>