我在我的网站上进行了速度测试,其中一个建议是减少外部请求。我正在使用3个Google Web字体,实际上是3个单独的请求。是否可能将它们合并为1个请求?
我在我的网站上进行了速度测试,其中一个建议是减少外部请求。我正在使用3个Google Web字体,实际上是3个单独的请求。是否可能将它们合并为1个请求?
你可以使用竖线字符“|”在一次调用中组合多个字体。例如:
<link href='//fonts.googleapis.com/css?family=Cantarell|Terminal+Dosis' rel='stylesheet' type='text/css'>
是的,您可以在单个请求中加载多个字体,例如
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:300,400,700,900'>
字体不是(像图像资源、JSON对象或视频)需要单独请求的独立资源吗?
您可以通过在CSS中嵌入字体的data: URIs来避免三次请求 - 至少在IE9+和大多数现代浏览器中。
注意:它们也适用于IE8,但限制为32KB。
注意2:显然,您将无法获得Google CDN的好处,因为您必须在CSS中提供字体...