nvue使用iconfont图标显示异常

分类：nvue

uniapp

阿里上下载的字体css

@font-face {  
  font-family: 'smalle';  
  src: url('@/styles/iconfont/iconfont.ttf') format('truetype');  
}  

.smalle {  
  font-family: 'smalle' !important;  
  font-size: 16px;  
  font-style: normal;  
  -webkit-font-smoothing: antialiased;  
}

使用iconfont的页面。

<template>  
  <text class="smalle">text->{{ iconName }}</text>  
</template

const domModule = uni.requireNativePlugin('dom');  
domModule.addRule('fontFace', {  
  fontFamily: 'smalle',  
  src: "url('@/styles/iconfont/iconfont.ttf')",  
});

2023-07-19 14:34 负责人:无分享