如何加载动态typekit字体？

Question

有没有办法动态加载typekit字体，就像Google Font API一样？

也就是说，如何在每个页面上声明动态 css链接中的字体名称，并仅加载该页面所需的字体，而不是将字体添加到工具包中并加载整个工具包。

Answer 1

您可以编写一个服务器端脚本，根据页面，将生成一个不同的css文件，其中包含您希望的 font-family 规则。
然后你可以使用 @import 将这个规则带入你的主css文件。

Answer 2

我找到了一个解决方案，将其发布在此处以防其他人使用：

我将使用Typekit API为我的应用程序所需的每个不同组合动态创建一个新的“工具包”（即javascript文件），而不是将所有这些组合包含在一个大的“工具包”中。

请参阅：https://typekit.com/docs/api/kits

无论如何，谢谢你的答案！

Answer 3

TypeKit has recently introduced a way that users may find useful to perform functionality similar to what you are looking for but doing it in a very easy way without having to use the API. They call it Dynamic Subsetting.

As I write this it is only available for East Asian Fonts, however, there is a workaround to use it with other TypeKit fonts. The workaround comes from this site.

1. Add a East Asian Font such as Source Han Sans Japanese. This will automatically convert the kit to a dynamic kit.

2. Select each font and under the Character Set options choose Dynamic Subsetting for each font.

3. Remove the East Asian Font.

4. Publish Kit.

Even if you remove the East Asian Font, the kit will remain a Dynamic Kit.