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如何使用问题?
447浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
236浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
276浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
191浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
548浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
2661浏览 • 1回复 待解决
ArkUI 是否支持iconfont
570浏览 • 0回复 待解决
IconFont图标展示方式
819浏览 • 1回复 待解决
notificationFlagStatus如何引入
1703浏览 • 1回复 待解决
HarmonyOS 引入报错
67浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
1179浏览 • 1回复 待解决
HarmonyOS 引入har编译失败
174浏览 • 1回复 待解决
自定义组件如何导出、引入?
2717浏览 • 1回复 待解决
HarmonyOS 如何引入V8引擎
315浏览 • 1回复 待解决
如何通过JS动态引入页面?
2782浏览 • 1回复 待解决
HarmonyOS 引入图片报错
191浏览 • 1回复 待解决
HarmonyOS nfcController无法引入
119浏览 • 1回复 待解决
HarmonyOS ArkTS如何引入和调用JS库?
517浏览 • 1回复 待解决
HarmonyOS 如何检测引入三方库的权限
956浏览 • 1回复 待解决
HarmonyOS 关于import包引入问题
812浏览 • 1回复 待解决
如何在鸿蒙移动端引入坐标图?
2019浏览 • 1回复 待解决
HarmonyOS 在单元测试中如何引入context
652浏览 • 1回复 待解决
DevEco Studio开发如何引入.so库
11122浏览 • 1回复 待解决