我是 Web 开发的初学者，最近开始使用 Twitter Bootstrap，我知道它使用了我已经知道如何使用的Glyphicons 。但我也遇到了Font Awesome，它说它是为 Bootstrap 构建的。
两者有什么区别？我的意思是一个可以替代另一个吗？还是应该在不同的地方使用它们？
问问题
57144 次
3 回答
66
在 Bootstrap 2.xx中， 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 覆盖。
更新
在引导版本 3.xx中，字形图标变成了字体格式，即使在 12px 字体大小下也能很好地呈现。如果您使用的是最新版本的 fontawesome，即 4.01，您可以将这两个字形图标与 fontawesome 一起使用。
于 2013-06-26T12:14:06.643 回答
28
真棒字体： - 超过 150 个图标 - 默认引导字体 (14px) 的像素完美 - 图标大小不同，每个图标都需要自定义 css 对齐 - 有项目符号列表、旋转（可以使用 css3 添加）、堆叠图标，和微调器动画（可以手动添加）
见： http ://tagliala.github.io/vectoriconsroundup/
于 2013-09-19T23:39:14.190 回答
12
Font Awesome 是一个矢量图标的集合，这些图标是通过使用特定的字体和一些 css 来制作“魔法”的，Glyphicons 使用 sprite-css 技术。
您可以同时使用它们，只需在 Bootstrap 之后添加 css 文件即可。
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
如果您不想拥有字形图标，而只想拥有令人敬畏的字体，您应该去这里并自定义您的 Bootstrap 下载以在没有字形图标的情况下获得它。
于 2013-06-26T07:56:18.910 回答