预加载字体真棒 [英] Preload font-awesome
本文介绍了预加载字体真棒的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试预加载超赞的字体以缩短页面加载时间:
I am trying to pre-load font-awesome to improve my page load times:
<link rel="preload" as="style" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<link rel="preload" as="font" type="font/woff2" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0"/>
但是... Chrome浏览器似乎两次下载了字体并报告
However...Chrome seems to download the font twice and reports
资源 http://maxcdn.bootstrapcdn .com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v = 4.3.0 已使用链接预加载进行了预加载,但几秒钟内未使用 从窗口的加载事件.请确保未针对进行预加载 什么都没有.
The resource http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0 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.
如何使它正常工作?
How do I get this to work?
推荐答案
<link rel="preload" as="style" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<link rel="preload" as="font" type="font/woff2" crossorigin href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0"/>
这篇关于预加载字体真棒的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文