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

HarmonyOS
2024-12-18 14:42:50
693浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zbw_apple

$rawfile方式参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-font-V5

字体文件放置路径:src/main/resources/rawfile/font/gealova.otf

代码中引用示例:

font.registerFont({
  familyName: 'Gealova',
  familySrc: $rawfile('font/gealova.otf')
})
  • 1.
  • 2.
  • 3.
  • 4.

在EntryAbility的onWindowStageCreate中注册字体,在模拟器上运行:

//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%')

  }

}
  • 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.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
分享
微博
QQ
微信
回复
2024-12-18 17:05:37


相关问题
text组件字体如何加粗?
1042浏览 • 1回复 待解决
HarmonyOS 是否支持指定一些字体
895浏览 • 1回复 待解决
AVRecorder 支持文件类型
2259浏览 • 1回复 待解决
哪个属性可以改变Text组件字体粗细
2422浏览 • 1回复 待解决
HarmonyOS ArkUI有哪些类型Node?
896浏览 • 1回复 待解决
HarmonyOS 是否文件类型
612浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
2851浏览 • 1回复 待解决
HarmonyOS Text使用字体库不显示
1134浏览 • 1回复 待解决
如何渲染gif类型文件
7719浏览 • 1回复 待解决