HarmonyOS 整个app更换字体,怎么做最方便?

HarmonyOS 整个app更换字体,怎么做最方便?

HarmonyOS
2024-10-24 12:48:59
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

可以在EntryAbility.ets文件注入自定义字体,注入自定义字体的方法可以参考:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-font-V5#fontregisterfont

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')  
})  
});  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

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%')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
分享
微博
QQ
微信
回复
2024-10-24 15:26:41
相关问题
HarmonyOS任务派发怎么做
270浏览 • 0回复 待解决
HarmonyOS 怎么做图片合成?
321浏览 • 0回复 待解决
fetch 怎么做超时处理?
1344浏览 • 1回复 待解决
HarmonyOS 跨设备数据迁移怎么做
827浏览 • 1回复 待解决
HarmonyOS 图片怎么做高斯模糊效果
899浏览 • 1回复 待解决
后台录像需要怎么做呢?
5071浏览 • 1回复 待解决
请问怎么做MySQL的数据优化?
3149浏览 • 2回复 待解决
polarDB私有化部署怎么做
4600浏览 • 1回复 待解决
鸿蒙的OTA升级要怎么做
3908浏览 • 0回复 待解决
在vue里怎么做环境的判断?
1095浏览 • 1回复 待解决
三表连表查询+groupby怎么做
2855浏览 • 1回复 待解决
后端发送数据怎么做的?http方式
403浏览 • 2回复 待解决
MQTT 服务器 怎么做压力测试,求指导?
4793浏览 • 1回复 待解决
应用侧显示华为云mqtt数据是怎么做
8036浏览 • 1回复 待解决
用ETS实现语音视频通话,应该怎么做
4022浏览 • 1回复 待解决