问题来源
前端项目开发必定会使用到各种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');
}
祝大家生活愉快。