为什么 Google Font API 在现代浏览器上会失败？答案

【问题标题】：Why would the Google Font API fail on a modern browser?为什么 Google Font API 在现代浏览器上会失败？
【发布时间】：2011-08-31 16:35:40
【问题描述】：

我注意到在工作中，Google Web 字体不会出现在 IE9 和 Firefox 6（Windows 和 Mac OS）上。所有文件都已加载，但从未渲染字体。这可以在这些相同的浏览器上在家中正常工作。 Chrome 没有出现这个问题。此外，使用 FontSquirrel CSS（并自己托管字体文件）的站点在 IE9 和 Firefox 6 中运行良好。这些问题在我家里都没有出现。截图：http://cl.ly/9lQu

我了解到，如果在 HTTP 标头中没有使用正确的 Access-Control-Allow-Origin 设置为外部站点提供 Web 字体，IE9 和 Firefox 将不会呈现它们——它们的处理方式与它们的处理方式类似处理跨站点脚本问题。我在响应标头中没有看到 access-control-allow-origin。截图：http://cl.ly/9luS

我知道 Google 应该解决这个问题，但有没有可能在它们到达我的时候正在修改这些标题？人们是否知道 ISP 或防火墙修改这些标头的任何情况？有解决办法吗？

【问题讨论】：

标签： fonts http-headers

【解决方案1】：

由于您说事情在“工作”中不起作用，但它们在“家里”起作用，因此很有可能您的工作网络上有某种代理，这就是问题的根源。我的雇主严格过滤我们的网络并限制我们访问的网站，但通常不会修改任何有关入站流量的标头信息（至少我见过）。

要检查这一点，您可能需要考虑使用数据包嗅探程序，例如 fiddler、wireshark 或 ethereal。这些工具中的任何一个都可以让您检查进出计算机的数据包。一旦您能够准确了解网络层面的深层情况，您就可以比较您在工作中看到的内容和在家中看到的内容。

我怀疑您在工作中使用的过滤代理会弄乱一些东西（可能是无意的），但请回复并告诉我们您发现了什么！

【讨论】：