如何在uni-app中使用iconfont vue nvue中使用

nvue 和vue前六步一样，vue中使用font-class不影响，nvue页面只能使用text标签 且是Unicode码才可我已
第一步
先去iconfont挑选要用到的图标，并添加到项目

第二步
把图标下载下来

第三步
下载完了之后打开文件，只把iconfont.css文件添加到我们uni-app的项目中

第四步
回到自己的iconfont项目，选择unicode点击生成代码并复制

第五步
回到iconfont.css并且打开css文件，注意红框内容，全部删除，替换成第四步刚刚复制过来的

第六步
替换完毕之后，需要在//at前面加上https:

vue:

css中引入

<style>
@import '../../static/iconfont/iconfont.css';
</style>

调用iconfont

图标名称

nvue：

由于nvue页面div view 不支持伪类 所有只能用text标签
nvue页面 js

const dom = weex.requireModule('dom');
dom.addRule('fontFace', {
    fontFamily: 'iconfont',
    src: "url('地址')" 
});

地址为iconfont.css中红色部分 复制过去
style 引用 注意scoped 本页面使用 定义iconfont的font-family

页面使用