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

1、iconfont 地址https://www.iconfont.cn/2、引入方式离线引入：加入字体图标下载iconfont包修改iconfont.css文件，data:application/x-font-woff2;charset=utf-8;base64,后面内容是下载的iconfont.ttf转为base64的内容引入到uni-app项目中，并在App.vue页面引入@import "

极限越野

2928人浏览 · 2021-01-13 16:12:26

极限越野 · 2021-01-13 16:12:26 发布

1、iconfont 地址

https://www.iconfont.cn/

2、引入方式

离线引入：

加入字体图标下载iconfont包

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

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

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

页面中使用

正常显示

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^