css - 如何动态加载 typekit 字体？

Question

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

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

Answer 1

我找到了一个解决方案，将其发布在这里以防对其他人有用：

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

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

无论如何感谢您的回答！

Answer 2

您可以编写一个服务器端脚本，根据页面的不同，该脚本将使用您希望的字体系列规则生成不同的 css 文件。
然后您可以使用@import将此规则引入您的主 css 文件。

Answer 3

TypeKit 最近引入了一种方法，用户可能会发现它对执行与您正在寻找的功能类似的功能很有用，但无需使用 API 即可以非常简单的方式完成。他们称之为动态子集。

在我写这篇文章时，它仅适用于东亚字体，但是，有一种解决方法可以将它与其他 TypeKit 字体一起使用。解决方法来自这个站点。

1. 添加东亚字体，例如 Source Han Sans Japanese。这将自动将套件转换为动态套件。

2. 选择每种字体，然后在Character Set选项下Dynamic Subsetting为每种字体选择。

3. 删除东亚字体。

4. 发布工具包。

即使您删除东亚字体，该套件仍将是动态套件。