Uniapp 使用 Iconfont 图标在 Android 端 HTTPS 加载问题解决方案
Uniapp 使用 Iconfont 图标在 Android 端 HTTPS 加载问题解决方案
最近在 Uniapp 项目中,通过 iconfont
引入的图标在 Android 端无法显示,经过排查发下引入未使用 HTTPS 协议加载资源(如图)
解决方案
方法:加上https前缀
@font-face {
font-family: "iconfont"; /* Project id 2868362 */
src:
url("//at.alicdn.com/t/c/font_2868362_tjezph784er.woff2?t=1754532292999") format("woff2"),
url("//at.alicdn.com/t/c/font_2868362_tjezph784er.woff?t=1754532292999") format("woff"),
url("//at.alicdn.com/t/c/font_2868362_tjezph784er.ttf?t=1754532292999") format("truetype");
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
将“ url("//at.alicdn.com/t/c/font_2868362_tjezph784er.woff2?t=1754532292999")” 改成“ url("https://at.alicdn.com/t/c/font_2868362_tjezph784er.woff2?t=1754532292999")”即可;