预取或预加载Typekit字体

时间:2015-10-04 12:26:08

标签: html5 webfonts prefetch typekit

有没有人尝试使用preloadprefetch成功减少Typekit的加载时间?即。

<link rel='preload' href='...' as='font'>

<!-- and/or -->

<link rel='prefetch' href='...'>

在当前的Typekit加载设置中是否实用或可行?

2 个答案:

答案 0 :(得分:2)

截至今天,任何浏览器都未实现link rel='preload'

我已尝试使用link rel='prefetch',Chrome确实预取了该字体,但是,它忽略了预取字体并在需要时再次下载。

答案 1 :(得分:2)

您可以尝试预加载Typekit的脚本:

<link rel="preload" href="https://use.typekit.net/[YOUR_KIT_ID].js" as="script">

我已经对此进行了测试,它似乎确实有效。瀑布更改的“加载顺序” - Typekit脚本向上移动到与我的主(延迟)javascript文件相关联。至于表现,我没有看到太多改善 - 如果有的话。