Advertencia de que la precarga de fuentes no se usó en unos segundos desde el evento de carga de la ventana
Tengo un sitio web y trato de acelerar la carga de las fuentes, así que puse:
<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"/>
pero tengo una advertencia de Chromium:
El recursohttp://jcubic.pl/css/fonts/bebasneue-webfont.ttf se precargó usando la precarga del enlace, pero no se usó en unos segundos desde el evento de carga de la ventana. Asegúrate de que no esté precargado para nada.
El recursohttp://jcubic.pl/css/fonts/bebasneue-webfont.woff se precargó usando la precarga del enlace, pero no se usó en unos segundos desde el evento de carga de la ventana. Asegúrate de que no esté precargado para nada.
Intenté poner la fuente y la fuente dentro de la página de índice en estilo en línea:
<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>
pero sigo recibiendo esa advertencia. ¿Cómo puedo eliminar esta advertencia o por qué aparece? ejecuta ajax para buscar la fuente en window.onload?