Firefox无法渲染FontAwesome

Question

由于一些奇怪的原因，Firefox无法正确呈现FontAwesome。它适用于Chrome和Safari，而不适用于Firefox。

Font Awesome是通过Bower添加的，因此在本地加载。没有通过CDN。

<link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.css" type="text/css">

这就是它在Firefox中的样子（错误）：

这就是它在Chrome＆amp; Safari（正确）：

我尝试过的事情：

• 尝试通过CDN加载并添加＆＃34; Access-Control-Allow-Origin＆＃34;至 htaccess的
• 将字体移动到同一目录中（以检查它是否是相对路径 问题）

直到现在还没有任何工作。

///编辑

这是它在Inspector中的显示方式

Answer 1

我已经解决了这个问题。我的印象是，我将加载Font Awesome css文件的位置并不重要。它是标头中加载的第一个css文件之一。我把它移到了最后一个位置，现在它工作得很好。

我无法找到为什么这样可以解决Firefox中的问题，但它确实可以解决问题。我仍然觉得非常奇怪的是，重要的是在Firefox中加载css的顺序，而不是在chrome和safari中加载。

也许其他人对此有更多了解。