IconFont图标展示方式

有一个ttf文件,里面有很多的图标,应该怎么展示ttf文件中的图标。

HarmonyOS
2024-06-03 22:40:39
1143浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
十根玉米

提供全局注册的方法getFont(),可以在entryAbility里的 onWindowStageCreate生命周期里执行如下全局注册方法,就可以在全局使用font。

windowStages.getUIContext().getFont().registerFont({ 
  familyName: 'iconfont', 
  familySrc: $rawfile('iconfont.ttf') 
})
  • 1.
  • 2.
  • 3.
  • 4.

示例代码:

import font from '@ohos.font'; 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
 
  aboutToAppear() { 
    font.registerFont({ 
      familyName: 'iconfont', 
      familySrc: $rawfile('iconfont.ttf') 
    }) 
  } 
 
  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.
分享
微博
QQ
微信
回复
2024-06-04 21:55:08


相关问题
HarmonyOS iconfont使用demo
810浏览 • 1回复 待解决
ArkUI 是否支持iconfont
1017浏览 • 0回复 待解决
HarmonyOS 如何引入iconFont
540浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
711浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
758浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
947浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
1115浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
1649浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3301浏览 • 1回复 待解决
如何配置桌面图标的快速启动图标
2434浏览 • 1回复 待解决
元服务上架时启动图标和应用图标
327浏览 • 1回复 待解决
HarmonyOS svg图标
844浏览 • 1回复 待解决