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
2天前
浏览
收藏 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
微信
回复
2天前
相关问题
HarmonyOS 应用图标不显示
40浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
28浏览 • 1回复 待解决
HarmonyOS 使用 api11 地图不显示
545浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
340浏览 • 1回复 待解决
HarmonyOS CustomDialogController 不显示
304浏览 • 1回复 待解决
HarmonyOS Text使用字体库不显示
39浏览 • 1回复 待解决
HarmonyOS webloadData不显示内容
21浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
623浏览 • 1回复 待解决
HarmonyOS 网络图片加载不显示
132浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
527浏览 • 1回复 待解决
HarmonyOS 输入框不显示内容
81浏览 • 1回复 待解决
HarmonyOS dialog调用open方法,不显示
354浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
2489浏览 • 1回复 待解决
harmony surfaceProvider绘制不显示问题
10220浏览 • 4回复 待解决
PopupDialog 不显示怎么回事?
7491浏览 • 2回复 待解决
harmonyos-webview-布局增加load不显示
6688浏览 • 3回复 待解决