Internet explorer 字体在Firefox中不起作用&；即

我对wordpress网站中包含的font awesome有一个问题。 在Firefox和IE中，图标根本不会显示出来，但在Chrome和Safari中，它可以正常工作

我找到了一些“解决方案”，它们说我需要一个带有特定内容的.htaccess来为这些浏览器提供支持，但是，如果我使用这种方法，Safari和Chrome本身就会突然出现问题，Firefox和IE仍然无法工作

有人有进一步的想法吗

以下是firefox dev错误日志在加载我的站点时发出的错误消息：

Fehler:可下载字体：下载失败（字体系列：“icomoon”样式：正常重量：正常拉伸：正常src索引：2）：错误URI或不允许跨站点访问 资料来源： 奎尔达蒂： 泽尔：0 Quelltext： @字体面{font-family:“icomoon”；字体样式：正常；字体重量：正常；src:url（“font/icomoon/icomoon.eot？#iefix”）格式（“嵌入式opentype”）、url（“font/icomoon/icomoon.svg#icomoon”）格式（“svg”）、url（“font/icomoon/icomoon.woff”）格式（“woff”）、url（“font/icomoon/icomoon.ttf”）格式（“truetype”）}

谢谢你的帮助

顺便说一句，font Asome网站上的图标在FF中运行良好

• 更新*

好的，在阅读了很多关于这个问题的论坛帖子后，我得出了以下结论： 大多数人都有这个问题，因为他们从外部服务器加载字体。通过添加.htaccess代码以允许FF这样做，他们正在解决他们的问题。现在，由于我从自己的服务器加载字体，.htaccess方法对我没有帮助。但是，上面显示的错误消息被消除了，它将css中字体的路径从相对路径更改为绝对路径。现在有趣的是——加载站点时不再显示错误消息，但图标也不再显示！仍然没有更改，但没有错误消息。我糊涂了

• 更新2*

我找到了解决办法--

将css中的所有路径从相对更改为绝对（即www.mysite.de/fonts/…而不是仅仅/fonts/…）并添加包含以下行的.htaccess文件后：

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

标题集访问控制允许原点“*”

对于/fonts目录，Firefox、Chrome和Safari中的一切都很好。还没有机会检查IE，但似乎这就是问题所在

---

希望遇到同样问题的人能从中得到一些帮助。

如果你和我一样，修改web.config文件是不允许触碰的

尝试将所有字体文件（.eot、.ttf等）存储到它们自己的本地文件夹中，并在本地链接到它们，而不是链接到CDN。每次都在IE和FF中为我澄清

@font-face{ font-family:'FontAwesome'; src:url('../_fonts/fontawesome-webfont.eot'); }

---

我知道这是一篇老文章，但它确实帮助我解决了一些问题

我启用了标准apache配置和mod_头

我在

文档_ROOT

中有一个

/font/

文件夹，在该文件夹（

/font/.htaccess

）中添加了一个

.htaccess

，Markus建议的内容适用于所有浏览器：

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

标题集访问控制允许原点“*”

如果希望Firefox在计算机上安装时使用字体，则需要添加本地规则。看

---

将这一行添加到您正在使用的主题的header.php文件中。此修复对我有效。

我也有同样的问题。当我使用较少的文件而不是css（我在ASP MVC 4中工作）时，字体工作正常。这解决了我的问题。Font Awesome未在Godaddy中显示，但在本地主机上显示。将此添加到my.htaccess中，现在一切正常。

@font-face { font-family: 'FontAwesome'; src: local(''FontAwesome'); }

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">