3

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

在此处输入图像描述

我当前的 .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 的主题文件夹中。所有文件都在同一台服务器上。

4

2 回答 2

0

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

尝试将<FilesMatch ...>行更改为：

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

看看它是否开始工作。

祝你好运！

于 2013-06-21T02:09:00.207 回答
0

我建议在http://html5boilerplate.com上使用他们使用的任何东西，因为他们非常擅长掌握最新信息。目前，他们正在使用这个：

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

这对我们很有用，仅供参考。

于 2013-08-22T15:58:14.317 回答