<text class="van-icon van-icon-arrow"></text>
.van-icon {
font-family: "vant-icon" !important;
}
@font-face {
font-family: "vant-icon";
src: url('https://at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff2?t=1694918397022') format('woff'), url('https://at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022') format('woff2');
}
.van-icon-arrow:before {
content: "\e660"
}
小葛
- 发布：2024-02-05 17:42
- 更新：2024-02-29 01:06
- 阅读：318
产品分类： uni-app x/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows10
HBuilderX版本号： 4.01
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 模拟器
手机机型： 雷电模拟器
示例代码：
操作步骤：
将vant ui的图标设为字体
将vant ui的图标设为字体
预期结果：
在安卓端展示图标
在安卓端展示图标
实际结果：
web端可以，安卓端不行
web端可以，安卓端不行
bug描述：
web端能正常加载出图标，安卓端加载不出来
@font-face {
font-family: "vant-icon";
src: url('https://at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff2?t=1694918397022') format('woff'), url('https://at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022') format('woff2');
}
.van-icon-arrow:before {
content: "\e660"
}
