FontAwesome with twitter bootstrap一般问题

我对使用Font Awesome和Twitter Bootstrap有一些一般疑问。FontAwesome with twitter bootstrap一般问题

我使用了他们网站上描述的LESS集成方法。

我以为这是一个“标志性”字体。那么为什么它会改变Twitter Bootstrap提供的主要文本字体？我可以防止这种行为吗？
图标真的看起来模糊相比，提供Twitter的引导，特别是在较小尺寸的Glyphicon PNG版本。为什么？
什么是在标准和视网膜显示正确显示图标（使用Twitter的引导）溶液？

感谢您的任何意见。

编辑：这是我遇到的问题的一个例子。

Font Awesome issues

正如你所看到的，字体看起来安装字体真棒后不同。按钮的形状和感觉都会丢失。绿色和红色按钮的图标已经使用大图标呈现，但它们仍然看起来非常模糊。除此之外，我现在意识到它只是以某种方式搞砸了我的设计。

来源

2012-11-14 MrUpsidown

我一直在使用我的网站上的字体真棒，并一直热爱它。我没有看到任何地方，它与网页上的字体打乱，所以这点ID必须看到的你是什么样的例子谈论.. 一些图标变得很模糊，当它们变得更小时，除了让它们变大到图标大类以外，其他图标都无法绕过该图标。这是因为字体真棒家伙在使他们我已经投入了自己的全部元素的图标，当我使用EM规模 - <em class="icon-thumbs-up></em>，然后把文本之前或之后的..而且据我所知，图标适用于所有浏览器的移动和桌面，除了歌剧迷你，因为迷你不支持字体属性

我也一直在寻找http://icomoon.io/app/图标，但我还没有尝试过。我正计划在这一天转换字体 - 真棒，但它会花一点时间，因为我现在在桌子上有很多东西。

来源

2012-11-15 03:58:18 Yohn

我编辑我的帖子来说明我所谈论的问题。感谢icomoon的东西。我会研究这一点。有关如何将其与Twitter Bootstrap集成的任何想法？干杯。 – MrUpsidown

我明白你的意思是模糊不清，除非你在那里引导图标，否则我真的没有办法绕过那个我所知道的。如果你添加'[class * ='icon-] {background：none;}'可能会有所帮助。要记住的一点是，它们不是引导程序使用的图标，它们是一个不同的图标，重不同，然后为icomoon应用程序，一旦你选择要下载和使用它的图标，你会得到CSS文件与它的图标样本HTML页面沿..然后它只是使用它的同样的方式，你会使用字体真棒 – Yohn

该icomoon应用程序http://icomoon.io/app真的很棒！它允许你只选择你需要的图标，导入你自己的艺术品，下载为PNG或作为字体。它甚至为您提供了所有需要集成到自己的应用程序的CSS。谢谢你的提示！ – MrUpsidown

字体-真棒是大量使用含有[class^="icon-"]选择器。如果您由于某种原因使用在其他地方以icon-开头的类，则可能会导致问题。引导程序的功能相同，但可能不会为其图标设置边距和字体大小。

来源

2012-11-15 09:45:53 Kapep

我不使用任何以“icon-”开头的自定义类。 – MrUpsidown

@MrUpsidown是的，这只是一个疯狂的猜测。也许你应该看看使用Firebug（或类似的内置浏览器工具）的css规则来查看差异来自哪里。同时检查LESS是否编译正确，我知道一些实现在多个导入上搞砸了。 – Kapep

我会按照你的建议调试。谢谢。 – MrUpsidown

FontAwesome with twitter bootstrap一般问题

回答

相关问题