01_weex之引入iconfont

1、先进入iconfont官网http://www.iconfont.cn

2、在自己的iconfont项目中查找 点击查看在线链接

image.png

3、复制链接

image.png

4、在weex 项目中 注意用驼峰命名

  created(){
    let domModule = weex.requireModule('dom');
    domModule.addRule('fontFace',{
      'fontFamily': "iconfont",
      'src': "url('http://at.alicdn.com/t/font_521216_w212618qmo.ttf')"
    })
  }

5、

  <text class="iconfont bar-ic">&#xe644;</text>

  <style>
   .iconfont {
        font-family:iconfont;  //必须写哦！！
    }
   .bar-ic{
        padding-top: 14px;
        font-size: 38px;
        color: red;
    }
  </style>

完成！

image.png