Eu tenho um site e tentei acelerar o carregamento de fontes, então coloquei:

<link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.woff' | prepend: site.baseurl | prepend: site.url }}"
      as="font" type="font/woff"/>
<link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.ttf' | prepend: site.baseurl | prepend: site.url }}"
      as="font" type="font/ttf"/>

mas recebi aviso do Chromium:

O recursohttp://jcubic.pl/css/fonts/bebasneue-webfont.ttf foi pré-carregado usando o pré-carregamento do link, mas não foi usado em alguns segundos a partir do evento de carregamento da janela. Verifique se não foi pré-carregado por nada.

O recursohttp://jcubic.pl/css/fonts/bebasneue-webfont.woff foi pré-carregado usando o pré-carregamento do link, mas não foi usado em alguns segundos a partir do evento de carregamento da janela. Verifique se não foi pré-carregado por nada.

Eu tentei colocar o font-face e font-family dentro da página de índice no estilo embutido:

<style type="text/css">
 @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;
 }
</style>

mas continuo recebendo esse aviso. Como posso remover este aviso ou por que ele está aparecendo? execute o ajax para buscar a fonte em window.onload?