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

2024-11-17
广东
本文字数：583 字
阅读完需：约 2 分钟

在 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@Componentstruct 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%')  }}