Uniapp 使用 Iconfont 图标在 Android 端 HTTPS 加载问题解决方案
1.4k
类别: 
开发交流

Uniapp 使用 Iconfont 图标在 Android 端 HTTPS 加载问题解决方案

最近在 Uniapp 项目中,通过 iconfont 引入的图标在 Android 端无法显示,经过排查发下引入未使用 HTTPS 协议加载资源(如图)

66465d6a3292ad3d062a7594e238d186_compress.jpg

解决方案

方法:加上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")”即可;

标签:
评论 0
/ 1000
0
0
收藏