用淘宝的msui框架写APP界面非常方便,但cordova打包时图标全都无法显示,用Safari跟踪发现原来icon文件加载失败,打开sm.css,搜@font-face{},可以看到里面的url链接是指向阿里的url,cordova解析不出来导致图标无法显示。
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可识别协议:在url首部加入http/https即可
二:手工下载这些文件(比如woff:在浏览器输入at.alicdn.com/t/font_1433401008_2229297.woff即可下载),然后放到项目文件夹,然后修改url指向该文件,即可解析。