HarmonyOS 如何引入iconFont

HarmonyOS
2024-12-25 14:03:57
758浏览
收藏 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%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
分享
微博
QQ
微信
回复
2024-12-25 16:45:33
相关问题
HarmonyOS 关于Iconfont如何使用问题?
953浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
712浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
810浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3301浏览 • 1回复 待解决
ArkUI 是否支持iconfont
1022浏览 • 0回复 待解决
IconFont图标展示方式
1145浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
758浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
1115浏览 • 1回复 待解决
notificationFlagStatus如何引入
2058浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
1651浏览 • 1回复 待解决
HarmonyOS 引入报错
447浏览 • 1回复 待解决
HarmonyOS nfcController无法引入
520浏览 • 1回复 待解决
HarmonyOS 引入图片报错
573浏览 • 1回复 待解决
HarmonyOS ArkTS如何引入和调用JS库?
1561浏览 • 1回复 待解决
HarmonyOS 引入har编译失败
1098浏览 • 1回复 待解决
HarmonyOS 如何引入V8引擎
832浏览 • 1回复 待解决
如何通过JS动态引入页面?
3394浏览 • 1回复 待解决
自定义组件如何导出、引入?
3279浏览 • 1回复 待解决
HarmonyOS 在单元测试中如何引入context
1405浏览 • 1回复 待解决
HarmonyOS 关于import包引入问题
1465浏览 • 1回复 待解决
HarmonyOS 如何检测引入三方库的权限
1597浏览 • 1回复 待解决
如何在鸿蒙移动端引入坐标图?
2526浏览 • 1回复 待解决
DevEco Studio开发如何引入.so库
11894浏览 • 1回复 待解决