HarmonyOS iconFont支持情况

HarmonyOS
2024-12-25 16:53:34
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Excelsior_abit
import { font } from '@kit.ArkUI'
@Entry
@Component
struct UseIconFont {
  // 假设e621为指定icon的Unicode,实际需要开发者从注册的iconFont的ttf文件里面获取Unicode
  @State unicode: string = '\ue621';
  aboutToAppear(): void {
    font.registerFont({
      familyName: 'iconfont',
      familySrc: $rawfile('iconfont.ttf')
    })
  }
  build() {
    Row() {
      Column() {
        Text(this.unicode)
          .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.

ttf文件获取参考:

https://blog.csdn.net/weixin_44869002/article/details/119293596

Unicode 获取可以在阿里云的iconfont.json文件中找到unicode 参数。例如:

{
  "id": "",
"name": "",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
  {
    "icon_id": "33987162",
  "name": "保护号码",
  "font_class": "baohuhaoma",
  "unicode": "e621",
  "unicode_decimal": 58913
  }
  ]
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
分享
微博
QQ
微信
回复
2024-12-25 19:45:31
相关问题
ArkUI 是否支持iconfont
1021浏览 • 0回复 待解决
HarmonyOS 什么时候支持iconfont
1115浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3301浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
1651浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
810浏览 • 1回复 待解决
HarmonyOS 如何引入iconFont
540浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
758浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
953浏览 • 1回复 待解决
IconFont图标展示方式
1145浏览 • 1回复 待解决
HarmonyOS对编码的支持情况
606浏览 • 1回复 待解决
HarmonyOS 对视频采集的支持情况
471浏览 • 1回复 待解决
HarmonyOS IP-Tables机制的支持情况
488浏览 • 1回复 待解决
确认HarmonyOS对des加密协议支持情况
920浏览 • 0回复 待解决
HarmonyOS ipv6网络支持情况
663浏览 • 1回复 待解决
请问鸿蒙开发的跨平台支持情况
332浏览 • 0回复 待解决
C++支持情况
2216浏览 • 1回复 待解决
C/musl库支持情况是什么样的?
1751浏览 • 1回复 待解决