自定义字体如何应用到全局,有没有可以借鉴的案例

自定义字体如何应用到全局,有没有可以借鉴的案例。

HarmonyOS
2024-09-23 12:45:10
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

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-09-23 18:37:09
相关问题
如何自定义字体替换系统字体
435浏览 • 1回复 待解决
HarmonyOS 有没有类似Canvas自定义view
281浏览 • 1回复 待解决
HarmonyOS 如何设置自定义字体
860浏览 • 1回复 待解决
HarmonyOS 使用自定义字体
246浏览 • 1回复 待解决
如何使用和加载自定义字体
2209浏览 • 1回复 待解决
鸿蒙中如何自定义字体文件
19512浏览 • 1回复 待解决
ArkUI中如何使用自定义字体
833浏览 • 2回复 待解决
如何封装全局自定义弹窗?
321浏览 • 1回复 待解决
HarmonyOS 全局自定义弹窗demo
293浏览 • 1回复 待解决
HarmonyOS 使用全局自定义弹窗
43浏览 • 1回复 待解决
能够提供HarmonyOS自定义相机案例吗?
338浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
3285浏览 • 1回复 待解决