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")
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%’)
  }
}

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

分享
微博
QQ
微信
回复
2024-12-24 19:02:18
相关问题
HarmonyOS 应用图标不显示
1337浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
1021浏览 • 1回复 待解决
HarmonyOS 使用 api11 地图不显示
1692浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
1218浏览 • 1回复 待解决
HarmonyOS CustomDialogController 不显示
1545浏览 • 1回复 待解决
HarmonyOS Text使用字体库不显示
1883浏览 • 1回复 待解决
HarmonyOS webloadData不显示内容
814浏览 • 1回复 待解决
HarmonyOS toast不显示问题
1001浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
913浏览 • 1回复 待解决
HarmonyOS push通知不显示图片
838浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
2212浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
1967浏览 • 1回复 待解决
HarmonyOS 网络图片加载不显示
2083浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
1458浏览 • 2回复 待解决
HarmonyOS RelativeContainer内的控件不显示
792浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3720浏览 • 1回复 待解决
HarmonyOS dialog调用open方法,不显示
1412浏览 • 1回复 待解决