HarmonyOS iconFont支持情况

HarmonyOS
1天前
浏览
收藏 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%')
  }
}

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
  }
  ]
}
分享
微博
QQ
微信
回复
1天前
相关问题
ArkUI 是否支持iconfont
346浏览 • 0回复 待解决
HarmonyOS 什么时候支持iconfont
306浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
966浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
2490浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
31浏览 • 1回复 待解决
HarmonyOS 如何引入iconFont
23浏览 • 1回复 待解决
IconFont图标展示方式
643浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
340浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
51浏览 • 1回复 待解决
HarmonyOS对编码的支持情况
35浏览 • 1回复 待解决
HarmonyOS 对视频采集的支持情况
28浏览 • 1回复 待解决
HarmonyOS IP-Tables机制的支持情况
120浏览 • 1回复 待解决
确认HarmonyOS对des加密协议支持情况
234浏览 • 0回复 待解决
C++支持情况
1212浏览 • 1回复 待解决
C/musl库支持情况是什么样的?
661浏览 • 1回复 待解决
HarmonyOS 咨询React Native适配情况
38浏览 • 1回复 待解决