Bootstrap字符图标——Icon Font

 

bootstrap3.x开始使用字符图标方法，字符图标的好处很多，具体可以参见该网站http://www.leemunroe.com/icon-fonts/。总结起来就是：

 

     1.图标可以完全通过css来控制（颜色、变形、阴影等）。

     2.不用图片精灵工具，也不用老打开ps调整图标。最主要的是不用算像素然后css定位，确实可以节省很多功夫。

解压最新bootstrap3.0.3版本文件，可得到css，fonts和js三个文件。fonts里提供针对不同浏览器的四种字体文件，css中则使用css3技术调用该字体文件应用到网页中。当然同样是和glyphicons-halflings合作的。

 

I've been using icon fonts for a few projects lately instead of graphical icons.

There are several advantages to using icon fonts.

1. Scale them with CSS
2. Color them with CSS
3. Add shadows with CSS
4. Change opacity with CSS
5. Rotate with CSS
6. Basically make any changes without opening Photoshop and editing a sprite
7. They automatically scale for retina displays