优化多个Google Web字体

cch*_*era 11 font-face google-webfonts

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

这意味着如果您只使用自定义字体作为标题,而不是加载整个字体,您可以告诉它您需要哪些字母,以便不加载整个字体字母.到现在为止还挺好.

但是,在示例中它只有一种字体样式.你怎么用两个呢?

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

正常400我用于很多文本,但400italic只用于一个短标题.

如果我做:

它会加载整个400,只是我想要的400italic的"样品头"还是会做其他的事情?

igr*_*rik 12

如果您正在进行字符子集化并尝试将多个字体组合成一个CSS请求,则指定的字符必须是所有字体之间所有必需字符的并集.

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

<link href="http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

两件事情都在上面.我们要求两种字体(Inconsolate和Skranji)并指定两种字体应该服务于字符AK.如果你只需要一个AD,而另一个需要HK,那么你必须将上面的内容分成两个不同的CSS请求.