浏览阿里巴巴网站时，发现购物车前的图标不是用img做的，而是用阿里巴巴的矢量图做的。 这里介绍一下阿里巴巴矢量图的使用方法。
1 .首先进入网站
http://www.iconfont.cn/
2 .在输入框中输入所需的图标
例如，购物车
3 .增加入库
4 .单击购物车图标按钮。 如图所示
单击“添加到项目”以创建项目名称。 在这里可能会让你登录账户，所以登录账户就可以了。
5 .选择编码方法“unicode”编码。 我在这里添加了多个图标。 请单击“本地下载”
6 .解压缩下载的文件，放入某个文件夹，右击打开demo_unicode.html文件
7 .将上述文件中的代码复制到自己的项目中
@ font-face { font-family : ' icon font '； SRC:URL(iconfont.EOT )；/* ie9 */src : URL (icon font.eot # ie fix ) (格式)嵌入式- opentype )、/*ie6-ie8*/URL ) icon font Firefox/* IOs 4.1-- */}.icon font { font-family : ' icon font '！ 导入； font-size:16px； 字体样式： normal； WebKit-font-smoothing :安定力； - WebKit-text-stroke-width :2 px； - moz-OS x-font-smoothing : gray scale； }特别注意： src的地址为i class='icon iconfont'#xe600； /i div class='name '购物车/div div class='code'amp； #xe600； /div /li
上面I标记的class值是上面样式的class。
以上，具体内容需要自己摸索。