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
相关问题
鸿蒙可以引入iconfont的字体么?
1238浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
1296浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
1127浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
1458浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
1072浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
960浏览 • 1回复 待解决
HarmonyOS 引入报错
644浏览 • 1回复 待解决
notificationFlagStatus如何引入
2278浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3969浏览 • 1回复 待解决
ArkUI 是否支持iconfont
1297浏览 • 1回复 待解决
IconFont图标展示方式
1413浏览 • 1回复 待解决
HarmonyOS 引入har编译失败
1528浏览 • 1回复 待解决
HarmonyOS 如何引入V8引擎
1265浏览 • 1回复 待解决
自定义组件如何导出、引入?
3605浏览 • 1回复 待解决
HarmonyOS 如何检测引入三方库的权限
2365浏览 • 1回复 待解决
HarmonyOS 关于import包引入问题
2038浏览 • 1回复 待解决
如何在鸿蒙移动端引入坐标图?
2726浏览 • 1回复 待解决
HarmonyOS nfcController无法引入
817浏览 • 1回复 待解决
HarmonyOS 引入图片报错
781浏览 • 1回复 待解决
HarmonyOS ArkTS如何引入和调用JS库?
2694浏览 • 1回复 待解决
如何通过JS动态引入页面?
3617浏览 • 1回复 待解决
HarmonyOS 在单元测试中如何引入context
1946浏览 • 1回复 待解决