如何動態加載typekit字體？

Question

是否有一種方法可以動態加載typekit字體，就像Google Font API一樣？

即，如何可以聲明每一頁上動態的字體名稱中所需要的那個頁面的CSS鏈路和負載只是字體（S），而不是添加字體轉換爲試劑盒和加載整套工具。

Answer 1

我已經找到了解決辦法，萬一在這裏張貼這是對別人有用：

我將使用Typekit API動態創建一個新的「工具包」（即JavaScript文件），對每個不同的組合我的應用程序需要，而不是將其全部納入一個大套件中。

請參見：https://typekit.com/docs/api/kits

不管怎樣，謝謝您的回答！

Answer 2

您可以編寫一個服務器端腳本，根據頁面的不同，它將生成一個不同的css文件，其中包含您希望的 font-family規則。
然後，您可以使用 @import將此規則引入您的主css文件。

Answer 3

TypeKit最近引入了一種方式，用戶可能會發現有用的功能來執行類似於您正在查找的功能，但以非常簡單的方式執行，而無需使用API​​。他們稱之爲Dynamic Subsetting。

正如我寫這篇文章，它只適用於東亞字體，但是，有一種解決方法可以將其與其他TypeKit字體一起使用。解決方法來自this site。

1. 添加東亞字體，如Source Han Sans Japanese。這會自動將套件轉換爲動態套件。

2. 選擇每個字體和下Character Set選項中選擇Dynamic Subsetting每種字體。

3. 刪除東亞字體。

4. 發佈套件。

即使你刪除了東亞字體，該套件將保持動態套件。