預取或預加載Typekit字體

Question

有沒有人試圖通過使用preload或prefetch來成功減少Typekit的加載時間？即

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

<!-- and/or --> 

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

在當前的Typekit加載設置中是否可行或可行？

Answer 1

截至今日，link rel='preload'未被任何瀏覽器實現。

我曾嘗試使用link rel='prefetch'，而Chrome確實預取了該字體，但是，它忽略了預取字體並在需要時將其重新下載。

Answer 2

你可以嘗試預壓Typekit的腳本：

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

我測試過這一點，它似乎工作。瀑布變化的「加載順序」 - Typekit腳本與我的主要（延遲的）JavaScript文件聯繫在一起。至於表現，我沒有看到太多的改善 - 如果有的話。