鸿蒙应用示例：字体的使用和注意事项记录

【使用效果】

首先去下载字体：https://www.iconfont.cn/fonts/detail?spm=a313x.fonts_index.i1.d9df05512.4e963a81vR5lpw&cnid=adI1E7HF7yme

【字体注册与使用】

在HarmonyOS中，可以通过font.registerFont方法来注册一个新的字体，使其可以在整个应用中使用。下面是一个简单的示例代码，展示了如何在页面组件中注册并使用自定义字体：

src/main/ets/entryability/EntryAbility.ets

import { UIAbility } from '@kit.AbilityKit';
import { font, window } from '@kit.ArkUI';
 
export default class EntryAbility extends UIAbility {
  onWindowStageCreate(windowStage: window.WindowStage): void {
    windowStage.loadContent('pages/Page114', () => {
      // familySrc支持RawFile
      font.registerFont({
        familyName: 'Alibaba_PuHuiTi_P3',
        familySrc: $rawfile('Alibaba_PuHuiTi_P3.ttf')
      })
    });
  }
}

　　src/main/ets/pages/Page114.ets

@Entry
@Component
struct Page114 {
  @State message: string = 'Hello World';
 
  build() {
    Row() {
      Column() {
        Text(`引入指定字体：${this.message}`)
          .align(Alignment.Center)
          .fontSize(20)
          .fontFamily('Alibaba_PuHuiTi_P3')
        Text(`当前默认字体：${this.message}`)
          .align(Alignment.Center)
          .fontSize(20)
      }
      .width('100%')
    }
    .height('100%')
  }
}

【注意事项】

1. 预览器限制：

如果像上述示例那样在EntryAbility中使用font.registerFont注册新字体，那么在使用预览器时将看不到字体效果。原因是预览器不会执行EntryAbility的生命周期方法，包括onWindowStageCreate。因此，为了在预览器中查看效果，可以在页面组件的生命周期钩子（如aboutToAppear）中注册字体。

import { font } from '@kit.ArkUI';
 
@Entry
@Component
struct Page114 {
  @State message: string = 'Hello World';
 
  aboutToAppear(): void {
    font.registerFont({
      familyName: 'Alibaba_PuHuiTi_P3',
      familySrc: $rawfile('Alibaba_PuHuiTi_P3.ttf')
    })
  }
 
  build() {
    Row() {
      Column() {
        Text(`引入指定字体：${this.message}`)
          .align(Alignment.Center)
          .fontSize(20)
          .fontFamily('Alibaba_PuHuiTi_P3')
        Text(`当前默认字体：${this.message}`)
          .align(Alignment.Center)
          .fontSize(20)
      }
      .width('100%')
    }
    .height('100%')
  }
}