iconfont图标在APP中不生效问题

阿里图标APP中失效问题

  • 最近在做一个小程序项目,打包APP突然发现小程序使用时可以显示的图标在APP中失效了
  • 看了好久没找到原因,最后发现可能是链接,URL的地方引入出现问题
  • 可能是APP中请求这个原链接没有前缀请求不到,然后添加上https:后完美解决
  • 代码如下

修改前

  url('//at.alicdn.com/t/font_1920292_hjt15hi5okj.woff') format('woff'),
  url('//at.alicdn.com/t/font_1920292_hjt15hi5okj.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1920292_hjt15hi5okj.svg#iconfont') format('svg');
  • 解决在APP中阿里图标失效问题,在引入的链接前添加https:

修改后

  url('https://at.alicdn.com/t/font_1920292_hjt15hi5okj.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1920292_hjt15hi5okj.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1920292_hjt15hi5okj.svg#iconfont') format('svg');
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值