1、在nvue页面的created生命周期中做如下设置
created() {
let domModule = weex.requireModule('dom');
domModule.addRule('fontFace',{
'fontFamily': "iconfont",
'src': "url('https://at.alicdn.com/t/font_1503209_lnm5oz364d.ttf')"
})
}
注:https://at.alicdn.com/t/font_1503209_lnm5oz364d.ttf 为阿里图标库中生产的链接
2、页面中使用
<text class="iconfont go-back"></text>
3、设置字体图标大小、颜色
<style scoped>
.go-back{
font-size: 38rpx;
color: #FFFFFF;
}
</style>