CSS中用字体标签画icon图标方法：
1、先引入字体标签字体；
2、在相关标签内使用（例：如下）。
<link type="text/css" rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" /> <span class="fa fa-phone"></span>去bootcss网站上下载一个看一下就明白了，让别人讲你自己也要了解下。.icon-cart:before {
content: "\e623"
}
或
.icon-cart:after {
content: "\e623"
}
都可以
\e623 就是对应的你要插入的那个字体图标的编号
需要把图标换成字体图标,阿里巴巴图标库可以把图标转成字体图标，自定义的图标需要用svg然后转换。
下载出来引用字体图标样式。在样式表中引用字体图标
@font-face {font-family: "aui_iconfont"
src: url('aui-iconfont.2.0.ttf') format('truetype')
}//字体引用方式
arrow-left:before { content: "\e6eb"}//字体图标的命名和生成的字体
把字体图标的命名引用到对应的div即可<div class="aui-iconfont aui-icon-left"></div>生成如下效果图。
可以使用背景图设置，使用背景精灵图 把图标放在一张图片上面，通过定位位移来找到图片。
切成小图标 一个位置对应一个图标。
