详细问题描述
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
项目引入了阿里在线图标库,在小程序里图标显示是正常的,但是运行在android和ios端就不显示了
小程序里显示:
app里包括android和ios:
重现步骤
[步骤]
阿里图标是引入的在线图标
@font-face {
font-family: 'alifont'; / project id 1174813 /
src: url('//at.alicdn.com/t/font_1174803_c1feip7ysc9.eot');
src: url('//at.alicdn.com/t/font_1174803_c1feip7ysc9.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1174803_c1feip7ysc9.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1174803_c1feip7ysc9.woff') format('woff'),
url('//at.alicdn.com/t/font_1174803_c1feip7ysc9.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1174803_c1feip7ysc9.svg#alifont') format('svg');
}
.iconfont {
font-family: "alifont";
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
页面例使用:
<i class="iconfont icon-merchant-entry"></i>
[结果]
小程序正常显示图标,运行到app不显示
[期望]
期望运行在app也显示
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HbuilderX
[IDE版本号]1.9
[windows版本号]windows8
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]app
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
[编译模式是老模板模式还是新的自定义组件模式?]
App运行环境说明
[Android版本号]oppo R15
[iOS版本号]iphone6plus
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]
7***@qq.com (作者)
我直接下载字体文件在本地,将字体iconfont.ttf转换为base64格式引入就可以了
2019-05-07 13:50
1***@163.com
回复 7***@qq.com: 我也遇到这个问题了不行呀
2021-11-03 21:09