标题集Access-Control-Allow-Origin“*”无效

Question

过去3天我一直试图让这个工作。

我有一个以1and1托管的WordPress网站。我正在使用w3总缓存以及我的rackspace cloudfiles帐户。所有主题文件都是从cdn（css，fonts等）托管的。除了IE和FF之外，这种方法都很好。在SO上进一步阅读这是一个众所周知的问题。所以，遵循这个answer我在网站根目录，fonts目录和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中工作但仍然是web字体在Firefox和IE中不起作用。

我错过了什么？

Answer 1

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