许多请求谷歌字体API

Question

从页面源我可以看到有两个对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' />

但是在页面加载时，从http://fonts.gstatic.com/

加载了很多.woff2文件

我想知道为什么会这样？

Answer 1

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

中给我Open Sans

• 400 italic
• 600 italic
• 700 italic
• 300 normal
• 400 normal
• 600 normal
• 700 normal

数字表示字体粗细。

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

第二个CSS文件大多数定义了相同的字体。第一个文件中只包含其中的3个。这应该总计10种不同的字体样式。

Open Sans有很多可用的脚本扩展名：

• Cyrillic Extended（cyrillic-ext）
• 拉丁语（拉丁语）
• 希腊语扩展（greek-ext）
• 希腊语（希腊语）
• 越南语（越南语）
• Latin Extended（latin-ext）
• 西里尔文（西里尔文）

为了涵盖所有这些组合，Google会创建font-style * script字体定义，这会产生70个字体 - 每个字体都有不同的字体文件（如果是谷歌浏览器woff2）。

减少文件数量：

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

两者都可以在Use page of Open Sans上单独选择。