iconfont网页地址

iconfont-阿里巴巴矢量图标库

参考鸿蒙文档

文档中心

需要在模拟机或真机查看  预览器不执行生命周期 无法查看

想要在预览器查看  在当前页面生命中周期函数中注册图标

属性替换 解决报错问题 这样就可以解决引用name属性 属性value了

替换快捷键

替换前

  替换后  

这两个取决与\u的区别

加了\u可以使用name值，不加\u 只能使用value值，并且在使用的时候需要手动加\u

例如：

{
  "string": [
    {
      "icon_id": "908550",
      "name_desc": "待评价",
      "name": "daipingjia",
      "value": "e68f",
      "value_decimal": 59023
    },
   
    {
      "icon_id": "33166158",
      "name_desc": "kaquan",
      "name": "kaquan",
      "value": "e640",
      "value_decimal": 58944
    },
    {
      "icon_id": "624530",
      "name_desc": "购物车",
      "name": "gouwuche",
      "value": "e63f",
      "value_decimal": 58943
    }
  ]
}

.hap包推荐使用  字体也可以放在这  多模块  参考第一个图片

font.registerFont({
  familyName: "iconFont",
  familySrc: $rawfile('iconfont.ttf')
})