在uni-app中使用iconfont

1、挑選iconfont圖標，添加至項目中。並下載至本地

2、在項目中新建common/iconfont文件夾，將下載文件中的iconfont.css移入此文件夾

3、回到iconfont項目中生成Unicode線上代碼，生成后復制此代碼

生成前：

生成后：

4、打開iconfont.css文件，將復制的unicode代碼替換進去，並在//at前加入https:前綴

替換前：

替換后：

5、在App.vue中全局引入，注意務必填寫尾部的分號，不然不會生效（另外若開發項目包含微信小程序端，建議使用絕對路徑引入。因為微信小程序不支持相對路徑，開發工具支持，但手機不支持）

/* 絕對路徑 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相對路徑 */
@import url('../../common/uni.css');
@import '../../common/uni.css';

6、使用

<view class="iconfont iconshizhong"></view>