Google font api 对谷歌字体API的许多请求

Google font api 对谷歌字体API的许多请求,google-font-api,Google Font Api,从页面源代码中,我可以看到fonts.googleapis.com有两个参考 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,300,400,600,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+San

从页面源代码中,我可以看到fonts.googleapis.com有两个参考

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,300,400,600,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css' />

但是当页面加载时,会有很多.woff2文件从


我想知道为什么会发生这种情况?

当您查看引用的CSS文件时,您将看到定义了多个字体面。这是URL请求的内容。像
Open+Sans:400italic、600italic、700italic、300400600700
这样的查询意味着,在

  • 400斜体
  • 600斜体
  • 700斜体
  • 300正常
  • 400正常
  • 600正常
  • 700正常
这些数字表示字体的重量

因此,只有第一个CSS文件已经升级为7种字体样式

第二个CSS文件定义的字体基本相同。第一份文件中仅包括其中3份。这将总结为10种不同的字体样式

Open SAN有许多可用的脚本扩展:

  • 西里尔字母扩展(西里尔字母扩展)
  • 拉丁语(拉丁语)
  • 希腊文扩展(希腊文扩展)
  • 希腊文(希腊文)
  • 越南语(越南语)
  • 拉丁扩展(拉丁扩展)
  • 西里尔语
为了涵盖所有这些组合,谷歌创建了
font-style*script
font-face定义,这将产生70个字体,每个字体都有不同的字体文件(在谷歌浏览器
woff2
的情况下)

要减少文件数,请执行以下操作:

  • 确保您需要所有这些字体样式。你真的需要所有不同的字体权重吗
  • 你需要所有的分机吗?如果您永远不会显示越南语或西里尔文字符,则无需加载这些字体

这两个都可以在上单独选择。

谢谢你Udondan,我同意你的解释,但没有什么疑问,请澄清1。我打电话到fonts.googleapis.com,我看到有两个电话打到fonts.googleapis.com url,在浏览器中,有两个对fonts.googleapis.com的调用和4个对fonts.googleapis.com的调用,这两个调用之间的差异也超过了4个。我也有同样的问题!您可以看到请求的文件名中的微小更改。真奇怪。