编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

uniapp打包iOS和Android iconfont图标不显示

uniapp中使用了iconfont,为了节省包大小,采用了在线引用iconfont的方式,发现在ios中图标不显示,具体如下图所示:

iOS iconfont字体不显示

左上角有个返回,左箭头未显示出来,查了下资料,说需要在引用前加上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后,果然正确显示了。

未经允许不得转载: 技术文章 » 移动开发 » uniapp打包iOS和Android iconfont图标不显示