twitter-bootstrap Bootstrap 3.0 和 Font Awesome
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/18493101/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Bootstrap 3.0 and Font Awesome
提问by user2560895
I have been using Bootstrap and Font Awesome for a while now with no problems. It seems that when I changed over to Bootstrap 3 the Font Awesome icons are no longer showing up in IE10 and Firefox. But it works fine in Chrome and Safari.
我已经使用 Bootstrap 和 Font Awesome 一段时间了,没有任何问题。似乎当我切换到 Bootstrap 3 时,Font Awesome 图标不再显示在 IE10 和 Firefox 中。但它在 Chrome 和 Safari 中运行良好。
I have the same icons in a project I did in RC1/RC2 and that still works fine. Anyone know what happened?
我在 RC1/RC2 中所做的项目中有相同的图标,但仍然可以正常工作。有谁知道发生了什么?
采纳答案by Bass Jobsen
See also: Updating Bootstrap to version 3 - what do I have to do?in RC1 the Glyphicons had been removed. Glyphicons are back since RC2 (180 glyphs in font format from the Glyphicon Halflings set).
Maybe this cause your troubles. Try to remove the Glyphicons from the bootstrap CSS. Remove the line @import "glyphicons.less";from your bootstrap.less and rebuild Bootstrap.
另请参阅:将Bootstrap 更新到版本 3 - 我必须做什么?在 RC1 中,Glyphicons 已被删除。自 RC2 起 Glyphicons 又回来了(Glyphicon Halflings 集中的 180 个字体格式的字形)。也许这会给你带来麻烦。尝试从引导 CSS 中删除 Glyphicons。@import "glyphicons.less";从 bootstrap.less 中删除该行并重建 Bootstrap。
Also check Glyphicon and font-awesome need different font formats for different browsers (.eot,.woff,.ttf,.svg). If one is broken or missing it will not work on some browsers.
还要检查 Glyphicon 和 font-awesome 需要不同浏览器的不同字体格式(.eot、.woff、.ttf、.svg)。如果一个损坏或丢失,它将无法在某些浏览器上运行。
回答by WebDevDaniel
For Font Awesome CSS version 4.7.0: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
对于 Font Awesome CSS 版本 4.7.0:https: //maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
FontAwesome is the iconic font designed for use with Twitter Bootstrap:
FontAwesome 是设计用于 Twitter Bootstrap 的标志性字体:
You may find this helpful too: http://www.jsdelivr.com/projects/fontawesome
您可能会发现这也有帮助:http: //www.jsdelivr.com/projects/fontawesome

