预取或预加载Typekit字体

Question

有人尝试通过使用preload或prefetch成功地减少Typekit的加载时间吗？例如：

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

<!-- and/or -->

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

在当前的Typekit加载设置中，这是否是实际可行的呢？

- Brian M. Hunt

---

as 是某个我不知道的扩展部分吗？ - Mr Lister

@MrLister 我在 https://speakerdeck.com/bramstein/web-fonts-performance 的第87张幻灯片左右看到了它。 - Brian M. Hunt

"啊，我明白了。" 带上“”引号。嗯。 - Mr Lister

Answer 1

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

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

我已经测试过了，它似乎可以工作。瀑布的“加载顺序”发生了变化 - Typekit脚本移动到了我的主（延迟）Javascript文件的第二个位置。至于性能，我没有看到太大的改进 - 如果有的话。

- Adam

Answer 2

截至今天，任何浏览器都没有实现link rel='preload'。

我尝试使用link rel='prefetch'，Chrome确实预取了该字体，但在需要时它忽略了预取的字体并重新下载了它。

- codener

---

谢谢@codener。我猜Service Workers可能是最终的解决方案。也许是appCache... - Brian M. Hunt