weex 使用 iconfont , app端渲染错误。

clipboard.png

clipboard.png

clipboard.png

暂时引入的一个向右图标。

web端查看(正常):

clipboard.png

模拟ios端(方框加问号):

clipboard.png

阅读 4.5k
2 个回答

看下是否是缓存问题
更改ttf文件后加上清缓存的时间戳

domModule.addRule('fontFace', {
    'fontFamily': "iconfont",
    'src': "url('http://at.alicdn.com/t/font_404010_jgmnakd1zizr529.ttf?t1231')"
});

补充:
1、资源未请求到,多加载几次,
2、缓存,iconfont被其他页面注册并且不是该地址,有可能会缓存,更改iconfont的名字

domModule.addRule('fontFace', {
    'fontFamily': "iconfont2",
    'src': "url('http://at.alicdn.com/t/font_404010_jgmnakd1zizr529.ttf')"
});

3、是否playground调试,RG上可用,安装上基本就没问题


最终原因

你所贴的图并不是你的源码,源码是这样的

clipboard.png

weex的css不支持 !important写法。
另外结合一闪第2条即可解决问题

宣传栏