用淘寶的msui框架寫APP界面非常方便,但cordova打包時圖標(biāo)全都無法顯示宏悦,用Safari跟蹤發(fā)現(xiàn)原來icon文件加載失敗馅而,打開sm.css,搜@font-face{}黍聂,可以看到里面的url鏈接是指向阿里的url躺苦,cordova解析不出來導(dǎo)致圖標(biāo)無法顯示。
src: url('//at.alicdn.com/t/font_1433401008_2229297.woff') format('woff'),
url('//at.alicdn.com/t/font_1433401008_2229297.ttf') format('truetype'),?
url('//at.alicdn.com/t/font_1433401008_2229297.svg#iconfont') format('svg');
解決方法有兩種:
一:加入cordova可識別協(xié)議:在url首部加入http/https即可
二:手工下載這些文件(比如woff:在瀏覽器輸入at.alicdn.com/t/font_1433401008_2229297.woff即可下載)产还,然后放到項(xiàng)目文件夾匹厘,然后修改url指向該文件,即可解析脐区。