我有一些关于在 Twitter Bootstrap 中使用 Font Awesome 的一般性问题。
我使用了他们网站上描述的 LESS 集成方法。
我认为这是一种“标志性”字体。那么为什么它会改变 Twitter Bootstrap 提供的主要文本字体呢？我可以阻止这种行为吗？
与 twitter 引导程序提供的 Glyphicon png 版本相比，图标看起来确实很模糊，尤其是在较小的尺寸下。为什么？
在标准和视网膜显示器上正确显示图标（使用 Twitter Bootstrap）的解决方案是什么？
感谢您的任何意见。
编辑：这是我遇到的问题的一个示例。
如您所见，安装 Font Awesome 后字体看起来有所不同。按钮的形状和感觉都丢失了。绿色和红色按钮的图标已使用 icon-large 渲染，但它们看起来仍然非常模糊。除此之外，我现在意识到它只是以某种方式破坏了我的设计。
【问题讨论】：
标签： twitter-bootstrap icons less retina-display font-awesome
我一直在我的网站上使用很棒的字体，并且一直很喜欢它。我没有看到它与页面上的字体混淆的任何地方，所以对于这一点，我必须看看你在说什么的例子关于..
一些图标在变小时真的很模糊，除了使用 icon-large 类使它们变大之外，没有办法解决这个问题。这是因为字体很棒的家伙制作的比例
当我使用 em - <em class="icon-thumbs-up></em> 时，我一直将所有图标放在它自己的元素中，然后在其之后或之前放置文本。据我所知，这些图标适用于除歌剧之外的所有浏览器移动和桌面mini 因为 mini 不支持 font-face 属性
我也一直在查看http://icomoon.io/app/ 的图标，虽然我还没有尝试过。我正计划在一天内将 font-awesome 切换到该字体，但这需要一点时间，因为我现在的桌子上有很多东西。
【讨论】：
[class*="icon-] {background:none;} 可能会有所帮助。要记住的一件事是它们不是引导程序使用的字形图标，它是一个不同的图标，这就是为什么它们是不同的，然后对于 icomoon 应用程序，一旦你选择了你想要使用的图标并下载它，你'将获取 css 文件以及带有图标的示例 html 页面.. 然后它只是以与使用 font awesome 相同的方式使用它
Font-Awesome 大量使用包含[class^="icon-"] 的选择器。如果您出于某种原因在其他地方使用以icon- 开头的类，这可能会导致问题。 Bootstrap 做同样的事情，但可能不会为其图标设置边距和字体大小。
【讨论】：