如何在HTML中使用图标字体 - icon font?

转载地址：

http://www.gbtags.com/technology/css/20120827-icon-font-usage/

生成图表地址：

https://icomoon.io/app/#/select

用icon图标的好处：在页面放大后，不会失真！

 

主要特性

使用icon font来生成图标相对于基于图片的图标来说，有如下的好处：

• 自由的变化大小
• 自由的修改颜色
• 添加阴影效果
• IE6也可以支持
• 支持图片图标的其它属性，例如，透明度和旋转等等
• 可以添加text-stroke和background-clip:text等属性，只要浏览器支持

如何使用？