HarmonyOS 应用使用iconfont不显示

//全局加载字体
font.registerFont({
  familyName: 'icon',
  familySrc: $rawfile('iconfont/iconfont.ttf')
});

//使用字体
Text("\ue718")
  .fontColor($r('app.color.notice'))
  .fontSize(20)
  .fontWeight(FontWeight.Bold)
  .fontFamily("icon")
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
HarmonyOS
2024-12-24 17:42:20
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
aquaa

目前提供全局注册的方法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%’)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.

请参考如上代码使用需要注意的是HarmonyOS中使用Unicode编码是"\u+四位十六进制编码"。

分享
微博
QQ
微信
回复
2024-12-24 19:02:18
相关问题
HarmonyOS 应用图标不显示
938浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
763浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
918浏览 • 1回复 待解决
HarmonyOS 使用 api11 地图不显示
1343浏览 • 1回复 待解决
HarmonyOS CustomDialogController 不显示
1193浏览 • 1回复 待解决
HarmonyOS Text使用字体库不显示
1085浏览 • 1回复 待解决
HarmonyOS webloadData不显示内容
586浏览 • 1回复 待解决
HarmonyOS toast不显示问题
691浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
1816浏览 • 1回复 待解决
HarmonyOS push通知不显示图片
602浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
660浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3223浏览 • 1回复 待解决
HarmonyOS dialog调用open方法,不显示
1065浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
1474浏览 • 1回复 待解决
HarmonyOS RelativeContainer内的控件不显示
580浏览 • 1回复 待解决
HarmonyOS 网络图片加载不显示
1327浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
939浏览 • 2回复 待解决