阿里巴巴矢量图标库的使用

转载请注明出处：https://blog.csdn.net/qq_39125684/article/details/86843508

方法一（下载png图标）

1. 打开网站：https://www.iconfont.cn/
2. 关键词搜索自己需要的图标
3. 鼠标移入，点击下载，选择自己需要的颜色、大小
4. png下载

方法二（添加至项目）

1. 打开网站：https://www.iconfont.cn/
2. 关键词搜索自己需要的图标
3. 鼠标移入，选择添加入库
   
4. 打开库
   
5. 添加至项目
   
6. 下载至本地
   
7. 下载后解压压缩包，目录结构如下（打开demo_index.html 文件，里边有使用说明）
   
8. 由于我是在微信小程序中使用，没法直接引入css文件，只能在资源文件夹新建一个 font.wxss 文件，将 iconfont.css 文件中的内容拷贝过去，然后在页面单独的 wxss 文件中将 font.wxss 文件引入

	@import "/common/css/font.wxss"

9. 使用（Font class）

	<text class='iconfont icon-xiangxia'>附近</text>

---

效果如下：