我是Web开发的初学者,最近我开始使用Twitter Bootstrap,我知道它使用Glyphicons,我已经知道如何使用。但是我也遇到过Font Awesome,它说它是为Bootstrap构建的。
两者之间有什么区别?我的意思是,一个可以替代另一个吗?还是应该在不同的地方使用它们?
我是Web开发的初学者,最近我开始使用Twitter Bootstrap,我知道它使用Glyphicons,我已经知道如何使用。但是我也遇到过Font Awesome,它说它是为Bootstrap构建的。
两者之间有什么区别?我的意思是,一个可以替代另一个吗?还是应该在不同的地方使用它们?
Answers:
在引导2.xx的Glyphyicons是在图像格式,因此你可以在不增加尺寸,改变颜色,背景颜色等很容易。但是,令人敬畏的字体为您提供了可扩展的矢量图标,这些图标可以立即进行自定义-大小,颜色,阴影和使用CSS的强大功能可以完成的任何事情。
真棒字体确实是Glyphyicons的替代品,它可以随时通过新图标进行更新。Fat和Mdo计划在Bootstrap版本3中集成Font-awesome,以替代Glyphyicons。
我的建议是您将引导程序与超赞字体一起使用。首先包括bootstrap css,然后包括Font-awesome css,以便Glyphyicons将被font-awesome覆盖。
更新
在bootstrap版本3.xx中,字形符号变为字体格式,即使以12px字体大小也可以很好地呈现。如果您使用的是最新版的fontawesome,即4.01,则可以将两个glyphicons与fontawesome一起使用。
令人赞叹的字体:-超过150个图标-默认引导字体(14px)时像素完美以及微调器动画(可以手动添加)Glyphyicons:-较少的图标-较大字体大小(16px)的像素完美-相同大小的图标
真棒字体是矢量图标的集合,这些矢量图标是通过使用特定字体和一些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下载,使其不包含字形文字。