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 应用图标不显示
265浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
210浏览 • 1回复 待解决
HarmonyOS 使用 api11 地图不显示
716浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
421浏览 • 1回复 待解决
HarmonyOS CustomDialogController 不显示
588浏览 • 1回复 待解决
HarmonyOS Text使用字体库不显示
429浏览 • 1回复 待解决
HarmonyOS webloadData不显示内容
164浏览 • 1回复 待解决
HarmonyOS toast不显示问题
57浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
2626浏览 • 1回复 待解决
HarmonyOS Web组件不显示图片
62浏览 • 1回复 待解决
HarmonyOS push通知不显示图片
106浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
1014浏览 • 1回复 待解决
HarmonyOS 如何引入iconFont
108浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
171浏览 • 1回复 待解决
HarmonyOS RelativeContainer内的控件不显示
131浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
270浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
827浏览 • 1回复 待解决
HarmonyOS 网络图片加载不显示
457浏览 • 1回复 待解决