uni-app引入iconfont App不显示H5正常问题

1、iconfont 地址

https://www.iconfont.cn/

2、引入方式

 离线引入:

加入字体图标下载iconfont包

uni-app引入iconfont App不显示H5正常问题_第1张图片

修改iconfont.css文件,data:application/x-font-woff2;charset=utf-8;base64,后面内容是下载的iconfont.ttf转为base64的内容

uni-app引入iconfont App不显示H5正常问题_第2张图片

  引入到uni-app项目中,并在App.vue页面引入

    @import "./common/iconfont/iconfont.css"; 

 页面中使用

正常显示

uni-app引入iconfont App不显示H5正常问题_第3张图片

 

你可能感兴趣的:(vue.js,html5,uni-app)