HarmonyOS 文字fontFamily未生效

给Text设置了文字fontFamily未生效,设置的字体名HarmonyOS Sans Italic。

HarmonyOS
2024-12-25 12:01:33
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

参考以下代码:

import { font } from '@kit.ArkUI';

@Entry
@Component
struct FontIndex {
  @State message: string = 'Hello World'

  aboutToAppear() {
    // 注册iconFont
    font.registerFont({
      familyName: 'iconFont',
      familySrc: '/font/iconFont.ttf'
    })

    // familyName和familySrc都支持string
    font.registerFont({
      familyName: 'medium',
      familySrc: '/font/medium.ttf' // font文件夹与pages目录同级
    })
  }

  build() {
    Column() {
      Button("获取系统字体").width(200).height(50).onClick(() => {
        let fontConfig = font.getUIFontConfig();
        for (let i = 0; i < fontConfig.generic.length; i++) {
          for (let j = 0; j < fontConfig.generic[i].alias.length; j++) {
            console.log("cwq alias:" + fontConfig.generic[i].alias[j].name);
          }
        }
      })
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('medium') // medium:注册自定义字体的名字($r('app.string.mediumFamilyName')、'mediumRawFile'等已注册字体也能正常使用)

      // 使用iconFont的两种方式
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('iconFont')
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('iconFont')

      // 使用系统的两种方式
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('HarmonyOS-Sans-Condensed') // font.getUIFontConfig[i].generic.alias[j].name
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(20)
        .fontFamily('serif')
    }.width('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 15:32:41
相关问题
HarmonyOS clearHistory生效
53浏览 • 1回复 待解决
HarmonyOS 弹窗文字居中
59浏览 • 1回复 待解决
HarmonyOS SDK har包代码混淆生效
289浏览 • 1回复 待解决
使用List lazyForeach时,reuseId生效
458浏览 • 1回复 待解决
点击事件,@State 页面生效,在线等
3091浏览 • 0回复 待解决
设置子窗口透明度生效
1861浏览 • 1回复 待解决
HarmonyOS Text支持修改FontFamily
121浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字不居中
537浏览 • 1回复 待解决
HarmonyOS 文字测量
45浏览 • 1回复 待解决
HarmonyOS 华为地图显示
569浏览 • 1回复 待解决