在微信小程序中引入iconfont

一、下載圖標

1. 將目標圖標添加到庫。
   

2. 在庫里批量操作添加到項目。
   

3. 在當前項目頁面選擇 Font class，點擊下載至本地。
   

二、在項目中引入

1. 在小程序項目中新建一個文件 iconfont.wxss。
   

2. 將下載資源中的 iconfont.css 文件拷貝到 iconfont.wxss。
   

三、將項目資源路徑改成外鏈

1. 在 iconfont 項目頁面，選擇 Unicode，點擊查看在線鏈接，復制代碼。
   

2. 替換小程序項目中 iconfont.wxss 中的資源引入路徑 @font-face。
   

四、使用

1. 在 app.wxss 和使用到 iconfont 的組件wxss 文件里引入。
   @import 'styles/iconfont.wxss';
2. 使用方法和 web 開發一樣。
   <icon class="iconfont gp_shexiangtou_guanbi"></icon>