Thisthis相似,但没有帮助。

目标是加载类似于Google字体的单个TypeKit字体系列,但不加载静态工具包且不包含JavaScript。

我们无法加载预定义的工具包,因为字体是由最终用户选择的,并且可能不符合静态组合。

使用Google字体,我们可以执行以下操作:

<link href="https://fonts.googleapis.com/css?family=Comfortaa:regular" rel="stylesheet">


根据this Adobe/TypeKit page的说法,可以嵌入没有JavaScript的字体,如下所示:

<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">


但是,这似乎仅适用于工具包级别(字体的预定义集合),而不适用于字体系列级别。

是否可以在不使用JavaScript的情况下加载此this Chinese font及其所有权重以及其他动态定义的字体(1); (2)没有加载不必要的字体系列?

最佳答案

是的,您可以使用CSS嵌入Typekit网络字体(就像Google字体一样),但是,您需要先设置TypeKit网络项目和register your domain,然后才能执行此操作。 Typekit字体不是免费使用,Adobe希望跟踪它们的使用频率。 (您也可以使用该工具将字体子集化)

但是,您仍然需要以某种方式注入字体以使其可用于浏览器。您可以将其包含在服务器端提供的HTML中(例如,包括PHP),也可以通过javascript注入。 Typekit还应该为您提供Javascript的注入代码。

或者,您可以参考此Git Repo以获取不同的加载Web字体的方法。



编辑:家族中的所有字体粗细

另外,您可能不想加载特定系列中的所有权重。我不认为字体的粗细在亚洲文字中具有与西方语言相同的含义(例如,粗体=重要)。因此,为节省过多的下载量,我只指定适合您设计的权重。

也许生活在世界那一部分的人可以称重?

07-26 09:22
查看更多