nvue(weex)中使用字體圖標

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">&#xe633;</text>

 

3、設置字體圖標大小、顏色

<style scoped>

.go-back{
            font-size: 38rpx;
            color: #FFFFFF;
        }

  </style>