font-face - 优化多种 Google 网页字体

Question

从 Google 加载自定义字体时，它们为您提供了一种优化字体的方法:https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests

这意味着如果您仅将自定义字体用于标题，而不是加载整个字体，您可以告诉它您需要哪些字母，以免加载整个字体字母表。到现在为止还挺好。

但是，在示例中它只有一种字体样式。两个人怎么做？

例如，我使用它来加载字体样式:

正常的 400 我用于很多文本，但 400italic 仅用于一个短标题。

如果我做:

它会像我想要的那样加载整个 400 和 400italic 的“示例标题”还是会做其他事情？

Answer 1

如果您正在进行字符子集化并尝试将多种字体组合到一个 CSS 请求中，那么指定的字符需要是所有字体之间所有必需字符的并集。

看看这里:http://jsbin.com/welcome/22005/edit

<link href="http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK" rel="stylesheet">

上面有两件事。我们要求提供两种字体(Inconsolate 和 Skranji)并指定这两种字体都应为字符 A-K 提供服务。如果您只需要一个 A-D，另一个需要 H-K，那么您必须将上述内容拆分为两个不同的 CSS 请求。