uniapp引入iconfont，app端不显示问题

问题来源

前端项目开发必定会使用到各种icon，iconfont拥有海量icon无疑是开发者与设计师首选，最近在uniapp项目中引入线上icon时app端如法显示，到底是怎么回事？

解决办法

引入的Unicode字体链接应该加上http:

• 不加http， H5显示，微信小程序显示，app不显示

@font-face {
  font-family: 'iconfont';  /* Project id 2854530 */
  src: url('//at.alicdn.com/t/font_2854530_raut5jdjt7.woff2?t=1647147008344') format('woff2'),
       url('//at.alicdn.com/t/font_2854530_raut5jdjt7.woff?t=1647147008344') format('woff'),
       url('//at.alicdn.com/t/font_2854530_raut5jdjt7.ttf?t=1647147008344') format('truetype');
}

• 加上http， H5显示，微信小程序显示，app显示

@font-face {
  font-family: 'iconfont';  /* Project id 2854530 */
  src: url('http://at.alicdn.com/t/font_2854530_raut5jdjt7.woff2?t=1647147008344') format('woff2'),
       url('http://at.alicdn.com/t/font_2854530_raut5jdjt7.woff?t=1647147008344') format('woff'),
       url('http://at.alicdn.com/t/font_2854530_raut5jdjt7.ttf?t=1647147008344') format('truetype');
}

祝大家生活愉快。