在Azure CDN上托管字体 - 支持CORS

Question

我无法在IE或Firefox中使用Azure CDN公开托管的字体。

我认为这是由于@font-face跨域问题（CORS），通常的解决方法是添加Access-Control-Allow-Origin头。我知道大多数CDN现在都支持此功能，但我假设Azure仍然不支持。有人可以确认吗？

如果是这种情况，是否有任何解决方法？

- Paul Hiles

Answer 1

这已经不再是事实了，Azure支持CORS。

http://blogs.msdn.com/b/windowsazurestorage/archive/2013/11/27/windows-azure-storage-release-introducing-cors-json-minute-metrics-and-more.aspx

以下是一个简单的指南，介绍如何将字体添加到您的Azure CDN中：

http://www.devtrends.co.uk/blog/hosting-web-fonts-in-azure-blob-storage-using-the-new-cors-support

- artfulhacker

---

现在可以通过portal.azure.com完成所有操作，甚至还有一个“CORS”选项。 - runxc1 Bret Ferrier

在哪里可以找到它？抱歉问这种愚蠢的问题，但对我来说不是很明显。 - Norbert Kardos

Answer 2

CDN不会修改来自源的标头，因此它会响应blob存储发出的任何标头。Blob存储不支持CORS标头。

我很惊讶地发现@font-face有跨域限制，但似乎你是正确的（对于Firefox和IE）。

如果您有这个选项，可以将字体放在CDN后面的云服务上（而不是blob存储），并在那里发出正确的标头。

- user94559

---

如果在使用Web Audio API时需要下载音频文件，您也会遇到同样的问题。HTML5的<audio>标签可以正常工作，因为它不使用CORS，但是Web Audio API需要CORS支持，否则您必须将所有音频文件强制通过您的网站。 - Daron Cox

Answer 3

您的评估是正确的。

作为一种解决方法，我们公司正在利用支持CORS的Google存储。

我还建议投票支持此问题，以便Azure团队知道有多少人遇到了这个问题。

http://www.mygreatwindowsazureidea.com/forums/34192-windows-azure-feature-voting/suggestions/2850796-support-cross-origin-resource-sharing-cors-via-a

- jamisonLikeCode

Answer 4

我可以使用字体，而无需设置CORS选项。我将我的字体链接直接到Blob存储中，而不是CDN，因为这个Blob不支持CORS。

- Miguel