2

我有一些关于在 Twitter Bootstrap 中使用 Font Awesome 的一般性问题。

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

  1. 我认为这是一种“标志性”字体。那么为什么它会改变 Twitter Bootstrap 提供的主要文本字体呢?我可以防止这种行为吗?

  2. 与 twitter bootstrap 提供的 Glyphicon png 版本相比,图标看起来确实很模糊,尤其是在较小的尺寸下。为什么?

  3. 在标准和视网膜显示器上正确显示图标(使用 Twitter Bootstrap)的解决方案是什么?

感谢您的任何意见。

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

字体真棒问题

如您所见,安装 Font Awesome 后字体看起来有所不同。按钮的形状和感觉都丢失了。绿色和红色按钮的图标已使用 icon-large 渲染,但它们看起来仍然非常模糊。除此之外,我现在意识到它只是以某种方式搞砸了我的设计。

4

2 回答 2

0

Font-Awesome 大量使用包含[class^="icon-"]. 如果您出于某种原因使用从其他地方开始的类,这可能会导致问题icon-。Bootstrap 做同样的事情,但可能不会为其图标设置边距和字体大小。

于 2012-11-15T09:45:53.020 回答
0

我一直在我的网站上使用很棒的字体,并且一直很喜欢它。我没有看到它与页面上的字体混淆的任何地方,所以对于这一点,我必须看一个你在说什么的例子。一些图标在变小时真的很模糊,除了使用 icon-large 类使它们变大之外,没有办法解决这个问题。这是因为字体了不起的家伙制作它们的比例当我使用 em 时,我一直将所有图标放在自己的元素中 -<em class="icon-thumbs-up></em>然后将文本放在其之后或之前..据我所知,图标可在所有移动和桌面浏览器上工作,除了 Opera mini,因为 mini 不支持 font-face 属性

我也一直在查看http://icomoon.io/app/的图标,虽然我还没有尝试过。我计划在一天将字体真棒切换到那个,但这需要一点时间,因为我现在的桌子上有很多东西。

于 2012-11-15T03:58:18.173 回答