标头集 Access-Control-Allow-Origin "*" 不起作用

Question

在过去的 3 天里，我一直在努力让它发挥作用。

我有一个由 1and1 托管的 WordPress 网站。我正在使用 w3 总缓存以及我的 rackspace cloudfiles 帐户。所有主题文件都从 cdn（css、字体等）托管。这在除 IE 和 FF 之外的所有应用中都可以正常工作。在 SO 上进一步阅读它是一个广为人知的问题。因此，在answer 之后，我将以下内容添加到了站点根目录、字体目录和 css 目录下的 htaccess 文件中。

<FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>

我还硬编码了我的字体的 cdns 路径，如下所示：

@font-face {
font-family: 'LeagueGothicRegular';
src: url('http://112k3jh1g23kj1g23kjhg12k3hg1kj2g3h1g-r93.rackscdn.com/mysite/wp-content/themes/mytheme/css/fonts/League_Gothic.eot?') format('eot')...

cdn 正在提供正确的文件，这一切都可以在 chrome 中运行，但网络字体仍然不能在 Firefox 和 IE 中运行。

我错过了什么？

Answer 1

我设法通过对 CSS 中的字体进行 base64 编码来解决这个问题。希望这对某人有所帮助。