атрибут при получении шрифтов, так как они выбираются в анонимном режиме
я есть веб-сайт, и я пытаюсь ускорить загрузку шрифтов, поэтому я добавил:
<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"/>
но я получил предупреждение от Chromium:
Ресурсhttp://jcubic.pl/css/fonts/bebasneue-webfont.ttf был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Пожалуйста, убедитесь, что он не был предварительно загружен.
Ресурсhttp://jcubic.pl/css/fonts/bebasneue-webfont.woff был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Пожалуйста, убедитесь, что он не был предварительно загружен.
Я попытался поместить font-face и font-family на страницу указателя во встроенном стиле:
<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>
но я продолжаю получать это предупреждение. Как я могу удалить это предупреждение или почему оно появляется? запустить ajax, чтобы получить шрифт в window.onload?