uniapp中使用了iconfont,为了节省包大小,采用了在线引用iconfont的方式,发现在ios中图标不显示,具体如下图所示:
左上角有个返回,左箭头未显示出来,查了下资料,说需要在引用前加上https,我原先是这样引用的
@font-face {
font-family: 'iconfont'; /* Project id 3233206 */
src: url('//at.alicdn.com/t/font_3233206_wvyauevne0q.woff2?t=1646812675869') format('woff2'),
url('//at.alicdn.com/t/font_3233206_wvyauevne0q.woff?t=1646812675869') format('woff'),
url('//at.alicdn.com/t/font_3233206_wvyauevne0q.ttf?t=1646812675869') format('truetype');
}
改正后如下图所示:
@font-face {
font-family: 'iconfont'; /* Project id 3233206 */
src: url('https://at.alicdn.com/t/font_3233206_wvyauevne0q.woff2?t=1646812675869') format('woff2'),
url('https://at.alicdn.com/t/font_3233206_wvyauevne0q.woff?t=1646812675869') format('woff'),
url('https://at.alicdn.com/t/font_3233206_wvyauevne0q.ttf?t=1646812675869') format('truetype');
}
加上https后,果然正确显示了。