HarmonyOS 鸿蒙Next ArkUI的Text支持的字体类型是否包括otf类型的字体文件?

HarmonyOS 鸿蒙Next ArkUI的Text支持的字体类型是否包括otf类型的字体文件? ArkUI的Text支持的字体类型是否包括otf类型的字体文件?

目前在设置Text组件的字体时,在EntryAbility中注册了otf的字体文件后,在Text组件中引用,发现没有效果,想问一下是不是不支持otf的字体文件?

3 回复

可以使用以下方法

  1. 字体文件放置路径:src/main/resources/rawfile/font/,在EntryAbilityonWindowStageCreate中注册字体; familySrc: 使用$rawfile方式;

  2. Text组件中使用 fontFamily 引用;详细代码如下:

// EntryAbility的onWindowStageCreate中:
windowStage.getMainWindow().then(res => {
  // 注册字体
  const uiCtc = res.getUIContext()
  uiCtc.getFont().registerFont({
    familyName: 'mediumRawFile',
    familySrc: $rawfile('font/BLACKTW-Bold.otf')
  })
  uiCtc.getFont().registerFont({
    familyName: 'twrafile',
    familySrc: $rawfile('font/TW-Bold.otf')
  })
})

// index.ets
@Entry
@Component
struct index {
  @State message: string = 'Hello World'

  build() {
    Column() {
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('mediumRawFile') // mediumRawFile:注册自定义字体的名字
      Text('eeeee')
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('twrafile')
    }.width('100%')
  }
}
// 没有实际代码内容

更多关于HarmonyOS 鸿蒙Next ArkUI的Text支持的字体类型是否包括otf类型的字体文件?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next ArkUI的Text组件支持otf类型的字体文件

在HarmonyOS的ArkUI框架中,Text组件是用于显示文本的重要元素。为了增强文本的显示效果和满足多样化的设计需求,ArkUI支持多种字体类型的加载和使用。其中,otf(OpenType Font)作为一种广泛应用的字体格式,因其跨平台兼容性和丰富的字体特性,被ArkUI所支持。

开发者可以通过指定字体文件的路径,将otf类型的字体文件加载到Text组件中,从而实现自定义字体的显示。这一功能使得开发者能够根据需要,选择和使用适合的字体文件,以提升应用的视觉效果和用户体验。

需要注意的是,在使用otf字体文件时,应确保字体文件的合法性和版权问题,避免侵犯他人的知识产权。同时,也需要根据应用的实际需求和目标设备的性能,合理选择字体文件的大小和复杂度,以确保应用的流畅运行和用户体验的舒适性。

如果问题依旧没法解决请联系官网客服,官网地址是:

https://www.itying.com/category-93-b0.html

回到顶部