css - 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 和 Safari 中的样子(正确):

我尝试过的事情:

• 尝试通过 CDN 加载它并添加“Access-Control-Allow-Origin”到.htaccess
• 将字体移动到同一目录(检查它是否是相对路径问题)

到现在为止什么都没做。

///编辑

这是它在检查器中的显示方式

Answer 1

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

我无法找出为什么这可以解决 firefox 中的问题，但它确实起到了作用。我仍然觉得非常奇怪的是，CSS 在 Firefox 中的加载顺序很重要，但在 Chrome 和 Safari 中却没有。

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