阿里巴巴矢量图标如何使用

阿里矢量图标的使用：

• 1）通过检索界面搜索到需要的图标，添加到购物车

• 2）打开购物车--选择“下载代码”|打开购物车--添加入项目--在项目中下载代码

• 3）将下载好的文件夹中的字体文件（.eot|.ttf|.svg|.woff|.woff2）放入项目的fonts文件夹内

• 4）将下载好的css文件（iconfont.css）放入项目的css文件夹中，修改css文件中字体文件的路径（../fonts/iconfont.woff）

• 5）将修改好的css文件链接到html文件中

• 6）在html文件中添加指定类名iconfont和图标的名称或在标签中添加类名iconfont和icon-XX

<em class="iconfont">&#xe60c;</em>
<em class="iconfont icon-weizhi"></em>

字体图标的颜色|大小，通过color属性|font-size属性调整