ArkUI 是否支持iconfont

ArkUI 是否支持iconfont。

HarmonyOS
2024-09-23 11:39:00
758浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zbw_apple

当前支持使用iconfont,使用方式是通过Text组件来承载,需要将iconfont.ttf文件下载到本地使用,同时注意unicode编码要获取正确

链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-font-V5

使用参考如下:

// entryability.ets  
windowStage.loadContent('pages/Index', (err, data) => {  
 if (err.code) {  
  hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');  
  return;  
 }  
 let windowClass: window.Window;  
 windowStage.getMainWindow((err, data) => {  
  windowClass = data;  
  // 全局注册字体文件,iconfont.ttf保存在rawfile目录下  
  windowClass.getUIContext().getFont().registerFont({ familyName: 'iconfont', familySrc: $rawfile('iconfont.ttf') })  
 })  
});  
// page.ets  
build() {  
 Row() {  
  Column() { // 使用Text组件加载字体图标,\u标识unicode编码,如原图标在html上的编码为,写法即为\ue67e  
   Text("\ue67e").fontSize(50).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.
分享
微博
QQ
微信
回复
2024-09-23 17:59:43
相关问题
是否支持iconfont是否有样例代码?
1649浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
711浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
1115浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3301浏览 • 1回复 待解决
ArkUI是否支持emoji表情输入
2800浏览 • 1回复 待解决
HarmonyOS 如何引入iconFont
540浏览 • 1回复 待解决
IconFont图标展示方式
1142浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
810浏览 • 1回复 待解决
ArkUI 支持 Tcp Server吗?
4027浏览 • 1回复 待解决
ArkUI组件能否支持继承
2421浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
758浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
947浏览 • 1回复 待解决
HarmonyOS ArkUI是否有约束布局?
871浏览 • 1回复 待解决
HarmonyOS 是否支持webrtc
1086浏览 • 1回复 待解决