如果我使用多种字体，是否有可能将Google Web Fonts减少到一个请求？

Question

我在我的网站上进行了速度测试，其中一个建议是减少外部请求。我正在使用3个Google Web字体，实际上是3个单独的请求。是否可能将它们合并为1个请求？

- Alexa Green

Answer 1

你可以使用竖线字符“|”在一次调用中组合多个字体。例如：

<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>

- Bjorn

Answer 2

是的，您可以在单个请求中加载多个字体，例如

<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>

- Muhammad Asif

Answer 3

字体不是（像图像资源、JSON对象或视频）需要单独请求的独立资源吗？

- mcritz

Answer 4

您可以通过在CSS中嵌入字体的data: URIs来避免三次请求 - 至少在IE9+和大多数现代浏览器中。

注意：它们也适用于IE8，但限制为32KB。

注意2：显然，您将无法获得Google CDN的好处，因为您必须在CSS中提供字体...

- CAFxX

---

我认为使用Google CDN的好处大于在我的服务器上加载并发送三个请求的好处？ - Alexa Green

很难说；Google的CDN几乎肯定具有更高的带宽和更低的延迟。此外，base64编码数据占用更多空间。另一方面，它将需要额外的DNS查找和3个请求，而不是一个（或零，如果您已经有CSS文件）。基准测试是唯一的了解方法。 - CAFxX