Uniapp引入confont的不显示和无法上传到小程序

uni-app 支持使用字体图标,使用方式与普通 web 项目相同,需要注意以下几点:
● 字体文件小于 40kb,uni-app 会自动将其转化为 base64 格式;
字体文件大于等于 40kb, 需开发者自己转换,否则使用将不生效;
● 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径

方法一

1.下载iconfont
Uniapp引入confont的不显示和无法上传到小程序_第1张图片
否则上传会出现这个问题,字体文件没有被打包上传
Uniapp引入confont的不显示和无法上传到小程序_第2张图片
2.修改字体路径

  • 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径
    Uniapp引入confont的不显示和无法上传到小程序_第3张图片

方法二

试用外部地址直接访问,删除woff和ttf文件
Uniapp引入confont的不显示和无法上传到小程序_第4张图片

3.引用

在公共css的APP.vue中引用
Uniapp引入confont的不显示和无法上传到小程序_第5张图片
上传和运行,就没什么问题了
Uniapp引入confont的不显示和无法上传到小程序_第6张图片

你可能感兴趣的:(移动和小程序混合开发,前端,小程序)