阿里巴巴矢量圖標庫的使用

轉載請註明出處：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>

---

效果如下：