HarmonyOS 鸿蒙Next IconFont支持

发布于 1周前 作者 wuwangju 来自 鸿蒙OS

HarmonyOS 鸿蒙Next IconFont支持

鸿蒙支持iconfont吗?如何支持,如何使用,如果不支持,何时会支持?

2 回复

可以试下使用@ohos.font注册自定义字体,如:

//entryAbility.ts

//font需要依赖UIContext所以需要在windowStage加载页面完成之后去注册

 windowStage.loadContent('pages/Page', (err) => {

      font.registerFont({

        familyName: 'iconfont',

        familySrc: $rawfile('AlimamaDaoLiTi.ttf')

      })

      if (err.code) {

        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');

        return;

      }

      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');

    });

//Page.ets

[@Entry](/user/Entry)

[@Component](/user/Component)

struct Index {

  [@State](/user/State) message: string = 'Hello World';

  build() {

    Row() {

      Column() {

        Text("\ue6fb")

          .fontSize(50)

          .fontWeight(FontWeight.Bold)

          .fontFamily("iconfont")

      }

      .width('100%')

    }

    .height('100%')

  }

}

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-font-V5#fontregisterfont

更多关于HarmonyOS 鸿蒙Next IconFont支持的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next在IconFont支持方面表现出一定的灵活性和扩展性。以下是对HarmonyOS 鸿蒙Next IconFont支持的详细阐述:

HarmonyOS 鸿蒙Next支持将IconFont的特殊字体注册到系统中,并可通过TEXT控件将特殊文字展示出来。然而,关于将IconFont中的特殊字体直接转换成图片的功能,目前虽然鸿蒙系统支持丰富的图形渲染和字体处理功能,但具体实现方式可能因系统版本、开发工具及项目需求而有所不同。

开发者可利用Canvas绘图API或相关图形处理库,将IconFont中的特殊字体渲染成图片格式。这通常涉及字体的加载、渲染以及图片的保存等步骤。开发者需确保IconFont字体文件已被正确加载到项目中,并可通过鸿蒙提供的字体处理接口进行访问。然后,利用鸿蒙的图形绘制能力,将字体绘制到Canvas上,并最终保存为图片文件。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部