HarmonyOS 如何引入iconFont

HarmonyOS
2024-12-25 14:03:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

需要拿到字体库对应的ttf文件,然后通过自定义字体 @ohos.font的接口去注册,在Text上使用对应的unicode编码格式就可以了,参考示例如下:

//entryAbility.ts
//font需要依赖UIContext所以需要在windowStage加载页面完成之后去注册
windowStage.loadContent('pages/Page', (err) => {
  font.registerFont({
    familyName: 'iconfont',
    familySrc: $rawfile('AlimamaDaoLiTi.ttf')
  })

  if (err.code) {
    hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
    return;
  }
  hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');
});

//Page.ets
@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text("\ue6fb")
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .fontFamily("iconfont")
      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 16:45:33
相关问题
HarmonyOS 关于Iconfont如何使用问题?
1268浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
1049浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
923浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3880浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
1417浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
1015浏览 • 1回复 待解决
ArkUI 是否支持iconfont
1275浏览 • 1回复 待解决
IconFont图标展示方式
1385浏览 • 1回复 待解决
notificationFlagStatus如何引入
2256浏览 • 1回复 待解决
HarmonyOS 引入报错
598浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
1851浏览 • 1回复 待解决
HarmonyOS 引入har编译失败
1483浏览 • 1回复 待解决
HarmonyOS 如何引入V8引擎
1239浏览 • 1回复 待解决
HarmonyOS 引入图片报错
741浏览 • 1回复 待解决
HarmonyOS nfcController无法引入
773浏览 • 1回复 待解决
自定义组件如何导出、引入?
3577浏览 • 1回复 待解决
HarmonyOS ArkTS如何引入和调用JS库?
2569浏览 • 1回复 待解决
如何通过JS动态引入页面?
3586浏览 • 1回复 待解决
HarmonyOS 如何检测引入三方库的权限
2229浏览 • 1回复 待解决
HarmonyOS 关于import包引入问题
1978浏览 • 1回复 待解决
如何在鸿蒙移动端引入坐标图?
2691浏览 • 1回复 待解决
HarmonyOS 在单元测试中如何引入context
1887浏览 • 1回复 待解决