IconFont图标展示方式？

Question

有一个ttf文件，里面有很多的图标，应该怎么展示ttf文件中的图标。

Answer 1

解决方案：

提供全局注册的方法getFont()，可以在entryAbility里的 onWindowStageCreate生命周期里执行如下全局注册方法，就可以在全局使用font。

windowStages.getUIContext().getFont().registerFont({
  familyName: 'iconfont',
  familySrc: $rawfile('iconfont.ttf')
})

示例代码：

import font from '@ohos.font';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

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

  build() {
    Row() {
      Column() {
        Text("\ue6fb")
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .fontFamily("iconfont")
      }
      .width('100%')
    }
    .height('100%')
  }
}