1、添加字体图标至购物车

打开www.iconfont.cn,选择中意的字体图标库,添加至"库"(即字体购物车图标),如下图所示

image.png

2、将图标添加至项目

点击右侧“购物车图标”,然后将选中的字体图标添加至项目。建议新建项目,方便以后扩展。

3、下载并引入代码

在项目中,点击"下载至本地",然后将解压的文件复制到本地的项目中,并在本地引入 iconfont.css 文件即可。

4、选择字体图标

可参考下载文件中的demo_index.html页面,里边有应用方式,看下图:

image.png


5、以后若需要再添加字体图标,重复上述步骤,直接在阿里巴巴iconfont下载项目代码至本地,覆盖以往的代码(iconfont.css 除外),即可使用新的字体图标。