話不多說直接進入正軌，畢竟許久木有發帖子了，哈哈！！！

這方法也是在網上搜索到的

一、下載字體圖標

首先進入Iconfont-阿里巴巴矢量圖標庫 ，然后搜索自己想要的圖標
下面以小程序圖標為例（我比較懶就直接一張圖解決，嘿嘿）

1. 搜索小程序圖標

2. 點擊添加入庫

3. 點擊右上角購物車圖標

4. 點擊下載代碼按鈕

下載解壓后目錄如下：

二、轉換ttf文件（重點來了）

1. 進入transfonter平臺，具體操作步驟如下：
   

下載后文件目錄如下，其中重點部分就是stylesheet.css

三、在小程序中使用

1. 打開stylesheet.css，把里面的所有內容拷貝到app.wxss

1. 打開先前在Iconfont-阿里巴巴矢量圖標庫 下載的文件，找到iconfont.css并打開復制如下代碼（上面的都不用管，我們只需要帶有偽類選擇器:before的所有CSS）到app.wxss

注：我這里都是拷貝到app.wxss，你們別都學我直接拷貝（畢竟這里就一個圖標），也可以用@import引入

1. 在index.wxml中使用，推薦使用text標簽然后添加相應的class類名
   使用方式就跟在html中用字體圖標一樣：通過font-size改變大小，color改變顏色

注：圖為最近練手的項目

另外再給自己打廣告玩：基于Vue2的在線音樂播放器 還只是個試用版本，最后打賞就不要了，給我點小星星就行，嘿嘿