IconFont玩法集合_html/css_WEB-ITnose

---------优点---------

• 轻薄，字体文件小，一般10-30kb（用字蛛压缩）
• 兼容，透明完全兼容IE6
• 丰满，在hover，click等交互效果看来更为方便
• 百搭，矢量，缩放不变形，方便修改颜色，大小
• 安静，通过base64编码置于样式表内，不产生图片请求。

IconFont的实现在css里主要体现在@font-face，@font-face是css3中的一个模块，但是喜大普奔的是IE4+就可以支持它了！@font-face主要是把自己定义的Web字体嵌入到你的网页中。

这样我们在web开发的过程中，就可以使用Web安全字体之外的字体了。并且像一些常用的图标，我们也可以定义成font-face。这样就可以方便的使用那些自定义的字体，很轻松的就可以改变他们的颜色大小。省去很多切图的麻烦~

这篇文章主要记录了我的一些学习和实践 -。-

语法规则

@font-face{    font-family:;    src:[];    [font-weight:];    [font-style: