unapp的nvue页面怎么引入iconfont图标

<text class="iconfont1">
       &#xe6dd;
</text>

<script>
    export default {
    
beforeCreate() {
            const domModule = uni.requireNativePlugin('dom')
            domModule.addRule('fontFace', {
                'fontFamily': "iconfont",
                'src': "url('https://at.alicdn.com/t/c/font_3843600_z1fnaepxmi.ttf?t=1674409274082')"
            });
            console.log("真的被调用了")
  }
}
</script>

<style>
.iconfont1{
            font-family:iconfont;
            font-size: 24px;
            color: #686666;
}
</style>

注意：类名不能与iconfont同名，并且像这种iconfont文本类型的，只能用<text></text>标签定义要不然显示不出来