HarmonyOS 如何引入iconFont

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
HarmonyOS 关于Iconfont如何使用问题?
340浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
28浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
24浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
46浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
301浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
2489浏览 • 1回复 待解决
ArkUI 是否支持iconfont
342浏览 • 0回复 待解决
IconFont图标展示方式
643浏览 • 1回复 待解决
notificationFlagStatus如何引入
1644浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
963浏览 • 1回复 待解决
自定义组件如何导出、引入?
2390浏览 • 1回复 待解决
HarmonyOS 如何引入V8引擎
57浏览 • 1回复 待解决
如何通过JS动态引入页面?
2669浏览 • 1回复 待解决
如何在鸿蒙移动端引入坐标图?
1762浏览 • 1回复 待解决
HarmonyOS 如何检测引入三方库的权限
652浏览 • 1回复 待解决
HarmonyOS ArkTS如何引入和调用JS库?
237浏览 • 1回复 待解决
HarmonyOS 引入图片报错
0浏览 • 1回复 待解决
HarmonyOS 关于import包引入问题
533浏览 • 1回复 待解决
DevEco Studio开发如何引入.so库
10831浏览 • 1回复 待解决
HarmonyOS 在单元测试中如何引入context
315浏览 • 1回复 待解决
如何引入自己的“第三方”库
616浏览 • 1回复 待解决
如何使用ohpm引入三四方库
2942浏览 • 3回复 待解决
如何在ets中引入zlib.js?
2579浏览 • 1回复 待解决