在HarmonyOS开发中，如何设置自定义字体 ？

Question

在HarmonyOS开发中，如何设置自定义字体 ？

Answer 1

自定义字体支持使用网络字体，引入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://xxx.v.xxx.com/pic/xxx.png”) 
        .alt($r(“app.media.startIcon”)) 
        .width(300) 
          .height(300) 
          .onError(() => { 
            console.log(“图片加载失败。。。”) 
          }) 
      } 
      .width(‘100%’) 
    } 
    .height(‘100%’) 
  } 
}