twitter-bootstrap - Twitter Bootstrap 中的 Font Awesome 与 Glyphicons

标签 twitter-bootstrap font-awesome glyphicons

我是 Web 开发的初学者,最近开始使用 Twitter Bootstrap,我知道它使用 Glyphicons我已经知道如何使用。但我也遇到了Font Awesome上面说它是为 Bootstrap 构建的。

两者有什么区别?我的意思是其中一个可以替代另一个吗?或者你应该在不同的地方使用它们?

最佳答案

在 Bootstrap 2.x.x 中,Glyphyicons 图像格式,因此您无法轻松增加尺寸、更改颜色、背景颜色等。然而,font-awesome 为您提供了可立即自定义的可缩放矢量图标 - 大小、颜色、阴影以及可以使用 CSS 功能完成的任何操作。

Font-awesome 实际上是 Glyphyicons 的替代品,它会不时更新新图标。 Fat 和 Mdo 计划将 Font-awesome 集成到 bootstrap 版本 3 中,作为 Glyphyicons 的替代品。

我的建议是你使用 bootstrap 和 font-awesome。首先包含 bootstrap css,然后包含 Font-awesome css,这样 Glyphyicons 将被 font-awesome 覆盖。

更新

bootstrap 版本 3.x.x 中,字形成为字体格式,即使在 12px 字体大小下也能很好地呈现。如果您使用的是最新版本的 fontawesome,即 4.01,则可以将这两个字形与 fontawesome 一起使用。

关于twitter-bootstrap - Twitter Bootstrap 中的 Font Awesome 与 Glyphicons,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17311231/

相关文章:

c# - MVC 4 模态窗口和 AJAX

javascript - Ajax 循环用于 html 输出 - Bootstrap 选项卡

laravel - 尝试让删除按钮显示图标

html - CSS3 : inject a glyphicon icon in a button

jquery - 如何在 jQuery Datatables 中添加对逗号分隔数字排序的支持?

javascript - 使用 ng-repeat Bootstrap 不同的 col-*

css - 按钮中的 Font Awesome CSS

css - 如何使用 fontawesome 图标作为无序列表的默认元素符号?

jquery - Bootstrap Glyphicons datetimepicker 更改图标

jquery - Twitter Bootstrap 3.0 崩溃时图标发生变化