uniapp中nvue页⾯如何使⽤iconfont字体图标
  今天要使⽤到 nvue 页⾯，在使⽤过程中发现 iconfont 图标不好使了，这⾥记录⼀下如何在 nvue 页⾯中引⼊使⽤ iconfont 图标。
1、JS部分
const domModule = quireModule('dom');
字体下载免费的appdomModule .addRule('fontFace', {
fontFamily: 'iconfont',
src: "url('at.alicdn/t/***.ttf')"
});
// 这⾥需要引⼊你的 iconfont 项⽬的 ttf ⽂件
2、⽂本部分
  这⾥需要注意 2 点：
（1）nvue页⾯中⽂字只能使⽤ <text></text> 标签包裹，div、view之类的⽆法渲染。我就是这⾥踩了坑。
（2）iconfont 的unicode码需要⽤   ——  &#x();  包裹，其中 e63c 就是 iconfont 的 unicode 码
<text class="iconfont cc"></text>
3、样式部分
<style scoped>
.iconfont {
font-family: iconfont;
}
</style>
  做完这三步，就可以显⽰了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。