html - 如何在 firefox CORS 中使用@fontface 更改 HTTP header /问题

Question

我的图标字体在 Firefox 中显示不正确。我收到“不允许错误的 URI 或跨站点访问”。据我所知，我需要执行下图中的操作。我已经阅读了所有关于 HTTP header 如何工作的内容，但是我在实际实现它的地方有很大的空白。 .htaccess 文件是我理解的内容，但第一行和 .htaccess 下的 Mime 类型完全是个谜。我可以在 Firebug 中看到 header 。我在哪里编辑这些？我错过了什么？我到处看似乎暗示我应该知道这是什么——但是没有对过程的这一部分的解释。有人知道答案吗？

我当前的 .htaccess 看起来像这样:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress


<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "http://sourceofyoga.com"
  </IfModule>
</FilesMatch>

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf

. . .

字体位于名为 source2013 的主题文件夹中。所有文件都在同一台服务器上。

Answer 1

这可能是您在 FilesMatch 中的正则表达式.您引用的示例的字体 css 文件扩展名为 .font.css ，这就是正则表达式正在寻找的内容。根据您当前的 .htaccess 文件，ss-social-circle.css与表达式不匹配，因此无法获取 header 。

尝试更改 <FilesMatch ...>对此行:

<FilesMatch "\.(ttf|ttc|otf|eot|woff|css)$">

看看它是否开始工作。

祝你好运!