title: Chrome unused preload warning for an icon font that is used
body: <p>I have an icon font that I preload in Chrome with</p>
  
  <pre><code>&lt;link rel="preload" as="font" type="font/ttf" href="/static/media/IconFont.ad47b1fb.ttf" crossorigin="anonymous"&gt;
  </code></pre>
  
  <p>and reference later in my CSS with</p>
  
  <pre><code>@font-face {
    font-family: "IconFont";
    src: url(/static/media/IconFont.d9fff078.eot);
    src: url(/static/media/IconFont.d9fff078.eot#iefix)
        format("embedded-opentype"),
      url(/static/media/IconFont.ad47b1fb.ttf) format("truetype"),
      url(/static/media/IconFont.c8a8e064.woff) format("woff"),
      url(/static/media/IconFont.979fb19e.svg#IconFont) format("svg");
    font-weight: normal;
    font-style: normal;
  }
  </code></pre>
  
  <p>Within one second of the page loading I use Unicode code point U+E95B with my icon font.</p>
  
  <p>I still get a warning from Chrome, though, that says:</p>
  
  <pre><code>The resource http://localhost:3000/static/media/IconFont.ad47b1fb.ttf was
  preloaded using link preload but not used within a few seconds from the
  window's load event. Please make sure it has an appropriate `as` value and
  it is preloaded intentionally.
  </code></pre>
  
  <p>How do I get rid of this warning?</p>