问题 优化多个Google Web字体


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

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

但是,在示例中它只有一种字体样式。你是如何用两个人做的?

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

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

如果我做:

它是否会像我想要的那样加载整个400以及400italic的“样本标题”,还是会做其他事情?


11689
2017-07-19 22:11


起源



答案:


如果您正在进行字符子集化并尝试将多个字体组合成一个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请求。


12
2017-09-12 01:23