是否支持iconfont？是否有样例代码？

Question

如题：是否支持iconfont？是否有样例代码？

Answer 1

支持外部引入的方式，具体可参考文档的@ohos.font (注册自定义字体)引入ttf文件后，有对应的Iconfont才能显示，参考下面代码。

示例代码

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")
        Image("https://piccpndali.v.myalicdn.com/pic/cctv2_2.png")
          .alt($r("app.media.startIcon"))
          .width(300)
          .height(300)
          .onError(() => {
            console.log("图片加载失败。。。")
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

参考链接

@ohos.font (注册自定义字体)