title: Warning that font preload was not used within a few seconds from the window's load event
body: <p>I have a website and I've try to speed up loading of fonts so I've put:</p>
  
  <pre><code>&lt;link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.woff' | prepend: site.baseurl | prepend: site.url }}"
        as="font" type="font/woff"/&gt;
  &lt;link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.ttf' | prepend: site.baseurl | prepend: site.url }}"
        as="font" type="font/ttf"/&gt;
  </code></pre>
  
  <p>but I've got warning from Chromium:</p>
  
  <blockquote>
    <p>The resource <a href="http://jcubic.pl/css/fonts/bebasneue-webfont.ttf" rel="noreferrer">http://jcubic.pl/css/fonts/bebasneue-webfont.ttf</a> was
    preloaded using link preload but not used within a few seconds from
    the window's load event. Please make sure it wasn't preloaded for
    nothing.</p>
    
    <p>The resource <a href="http://jcubic.pl/css/fonts/bebasneue-webfont.woff" rel="noreferrer">http://jcubic.pl/css/fonts/bebasneue-webfont.woff</a> was
    preloaded using link preload but not used within a few seconds from
    the window's load event. Please make sure it wasn't preloaded for
    nothing.</p>
  </blockquote>
  
  <p>I've tried to put the font-face and font-family inside index page in inline style:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
   @font-face {
       font-family: 'bebas';
       src: url('/css/fonts/bebasneue-webfont.eot');
       src: url('/css/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
       url('/css/fonts/bebasneue-webfont.woff') format('woff'),
       url('/css/fonts/bebasneue-webfont.ttf') format('truetype'),
       url('/css/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
       font-weight: normal;
       font-style: normal;
   }
   header h1 {
       top: 0;
       left: 0;
       margin: 20px;
       font-family: bebas;
       font-size: 4em;
   }
  &lt;/style&gt;
  </code></pre>
  
  <p>but I'm keep getting that warning. How can I remove this warning or why it's showing up? run ajax to fetch the font in window.onload?</p>