HarmonyOS 文字fontFamily未生效

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

HarmonyOS

zxjiu

2024-12-25 12:01:33

638浏览

回答 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%')
  }
}
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.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.