HarmonyOS Next加载阿里巴巴IconFont字体

iconfont拥有拥有庞大的图标库，涵盖了各种主题和风格的图标，以下我将介绍如何在鸿蒙系统中使用iconfont图标库

在、在iconfont中添加项目后下载并解压文件后，需将文件夹导入到系统目录当中 该文件夹必须放在与pages同有目录之下

一、在使用之前首先需要注册字体

aboutToAppear(): void {
  // 注册字体
  font.registerFont({
    familyName:'MyFont',
    familySrc:'/font/iconfont.ttf'
  })
  
}

• amilyName可随意命名
• familySrc请进入以ttf结尾的文件(./ ../会使得代码失效请勿使用)

//使用字体
Text('\ue761')
  .fontFamily('MyFont')
  .fontColor(Color.Red)
  .fontSize(30)

二、使用

注意：是反斜杠！\u是前缀的固定格式后四位通过iconfont提供的Unicode书写

//使用字体
Text('\ue761')
  .fontFamily('MyFont')
  .fontColor(Color.Red)
  .fontSize(30)