我一直在使用Bootstrap和Font Awesome，且没有遇到问题。但是当我转换到Bootstrap 3后，发现Font Awesome图标无法在IE10和Firefox中显示，但在Chrome和Safari中正常显示。
在我之前的项目中，我也有相同的图标，它们在RC1/RC2中仍能正常工作。不知道发生了什么问题，请问有人知道吗？
2个回答
3
另外参考：更新Bootstrap至版本3 - 我需要做什么？在RC1中，Glyphicons已被移除。自从RC2以来，Glyphicons又回来了（从Glyphicon Halflings集合中提供180个字体格式的图标）。也许这是您遇到问题的原因。尝试从bootstrap CSS中删除Glyphicons。从您的bootstrap.less中删除
@import "glyphicons.less";一行，并重新构建Bootstrap。
此外，请检查Glyphicon和font-awesome需要不同的字体格式适用于不同的浏览器（.eot,.woff,.ttf,.svg）。如果其中一个文件损坏或缺失，它将无法在某些浏览器上工作。
- Bass Jobsen
2
1他在谈论Font Awesome，而不是glyphicons。 - Flavien
2@flavien 是的，我知道。这就是为什么我说：“尝试从bootstrap CSS中删除Glyphicons”。也许Glyphicons（默认捆绑）和font-awesome之间存在冲突。但由于不同浏览器上的结果不同，因此可能会缺少某些字体。 - Bass Jobsen
0
针对 Font Awesome CSS 版本 4.7.0：https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
FontAwesome 是专为与 Twitter Bootstrap 配合使用而设计的标志性字体：
您可能也会发现这个链接有用：http://www.jsdelivr.com/projects/fontawesome
- WebDevDaniel
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 8 在Bootstrap 4中使用Font Awesome
- 5 Laravel 5.7和Font Awesome
- 76 Font Awesome和Unicode
- 4 AngularJS和Font Awesome问题
- 10 Twitter Bootstrap和Font Awesome的重复图标问题
- 7 Font Awesome和Bootstrap警告间距问题
- 7 使用Bootstrap和Font Awesome的Less CSS“别名”
- 3 Rails 4 - Bootstrap 3 - Font Awesome
- 3 Bootstrap和Font Awesome之间的图标冲突问题
- 3 Bootstrap 4 兼容 Font Awesome 吗？