IconFont图标展示方式

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

HarmonyOS
2024-06-03 22:40:39
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
honestForGirl

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

windowStages.getUIContext().getFont().registerFont({ 
  familyName: 'iconfont', 
  familySrc: $rawfile('iconfont.ttf') 
})

示例代码:

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%') 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 21:55:08
相关问题
是否支持iconfont?是否有样例代码?
481浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
969浏览 • 1回复 待解决
如何配置桌面图标的快速启动图标
435浏览 • 1回复 待解决
应用图标分辨率规范问题
560浏览 • 1回复 待解决
zxing能否支持添加中心图标
477浏览 • 1回复 待解决
通知的图标支持的格式
612浏览 • 1回复 待解决
如何修改应用的icon图标
597浏览 • 1回复 待解决
如何禁止应用分屏和小窗展示
663浏览 • 1回复 待解决
DevEco Studio怎么调出快捷工具图标
7449浏览 • 6回复 已解决
radioButton可以单独设置图标大小吗
6696浏览 • 1回复 待解决
XML CheckBox 图标间隔能设置吗?
3194浏览 • 1回复 待解决
arkui怎么展示接口返回的富文本?
1493浏览 • 1回复 待解决
富文本在web组件中无法展示
469浏览 • 1回复 待解决
应用市场推荐展示元服务卡片异常
584浏览 • 1回复 待解决
如何固定应用窗口大小并居中展示
684浏览 • 1回复 待解决