HarmonyOS 自定义字体全局统一注册的方式

HarmonyOS
2024-12-25 09:15:11
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

自定义字体如何应用到全局可以参考以下示例:

1、EntryAbility.ets文件,引入font ,在onWindowStageCreate生命周期,windowStage.loadContent回调中注册字体

import font from '@ohos.font';
onWindowStageCreate(windowStage: window.WindowStage): void {
  windowStage.loadContent('pages/registerFont', (err, data) => {
  if (err.code) {
  return;
}
font.registerFont({
  familyName: 'Beacon',
  familySrc: $rawfile('font/Beacon.otf')
})
font.registerFont({
  familyName: 'SF',
  familySrc: $rawfile('font/SF-Pro-Text-Italic.ttf')
})
});
}

2、registerFont.ets在页面中使用注册的字体familyName即可

@Entry
@Component
struct registerFont {
  @State message: string = 'test'

  build() {
    Column() {
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(50)
        .fontFamily('Beacon')
      Text(this.message)
        .align(Alignment.Center)
        .fontSize(50)
        .fontFamily('SF')
    }.width('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 10:30:58
相关问题
HarmonyOS 全局自定义字体
262浏览 • 1回复 待解决
HarmonyOS 全局自定义字体
258浏览 • 1回复 待解决
HarmonyOS 全局设置自定义字体方法
189浏览 • 1回复 待解决
注册自定义字体在 webview 中无效
2486浏览 • 1回复 待解决
HarmonyOS 自定义全局dialog
94浏览 • 1回复 待解决
HarmonyOS 自定义字体绘制
235浏览 • 1回复 待解决
HarmonyOS 使用自定义字体
451浏览 • 1回复 待解决
HarmonyOS 全局自定义弹窗实现
209浏览 • 1回复 待解决
HarmonyOS 如何设置自定义字体
1030浏览 • 1回复 待解决
HarmonyOS 如何创建自定义全局弹窗
147浏览 • 1回复 待解决
HarmonyOS 使用全局自定义弹窗
180浏览 • 1回复 待解决
HarmonyOS 全局自定义弹窗demo
500浏览 • 1回复 待解决
如何自定义字体替换系统字体
590浏览 • 1回复 待解决