出于某些奇怪的原因,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
- 将字体移动到同一目录(检查它是否是相对路径 问题)
到现在为止什么都没做。
///编辑
这是它在检查器中的显示方式
最佳答案
我已经解决了这个问题。我的印象是,在哪个位置加载 Font Awesome CSS 文件并不重要。它是头文件中加载的第一个 css 文件。我把它移到最后一个位置,现在它工作得很好。
我无法找出为什么这可以解决 firefox 中的问题,但它确实起到了作用。我仍然觉得非常奇怪的是,CSS 在 Firefox 中的加载顺序很重要,但在 Chrome 和 Safari 中却没有。
也许其他人对此了解更多。
关于css - Firefox 不呈现 FontAwesome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25893772/