HarmonyOS 如何在ablity中加载完成自定义字体

1.有一个Babyfont-Bold.ttf字体文件,要在全局使用,应该将该文件放在哪里?

2.如何在ablitiy中进行注册?

3.如何在ets的page中使用?

HarmonyOS
2024-09-29 11:49:27
999浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

参考代码如下:

onWindowStageCreate(windowStage: window.WindowStage) {  
  // 为主窗口加载对应的目标页面。  
  windowStage.loadContent('pages/Index', (err, data) => { //TouchPage  
    //全局注册自定义字体  
    let uiContext = windowStage.getMainWindowSync().getUIContext();  
    uiContext.getFont().registerFont({  
      familyName: 'RuanMengXiaoGuoDong',  
      familySrc: $rawfile('RuanMengXiaoGuoDong.ttf')  
    })  
    if (err.code) {  
      hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');  
      return;  
    }  
    hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');  
  });  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

ets里直接使用就行:

@Entry  
@Component  
struct Index {  
  @State message: string = 'Hello World';  
   
  build() {  
    Row() {  
      Column() {  
        Text(this.message)  
          .fontFamily('RuanMengXiaoGuoDong')  
      }  
      .width('100%')  
    }  
    .height('100%')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

字体文件放到resource/rawfile里。

22

分享
微博
QQ
微信
回复
2024-09-29 18:03:19


相关问题
如何使用和加载自定义字体
2968浏览 • 1回复 待解决
HarmonyOS 如何设置自定义字体
1581浏览 • 1回复 待解决
如何自定义字体替换系统字体
1086浏览 • 1回复 待解决
HarmonyOS 全局自定义字体
820浏览 • 1回复 待解决
HarmonyOS 全局自定义字体
780浏览 • 1回复 待解决
HarmonyOS 自定义字体绘制
910浏览 • 1回复 待解决
HarmonyOS 使用自定义字体
979浏览 • 1回复 待解决
鸿蒙中如何自定义字体文件
20646浏览 • 1回复 待解决
ArkUI中如何使用自定义字体
1924浏览 • 2回复 待解决
HarmonyOS 能否默认使用自定义字体
518浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
3817浏览 • 1回复 待解决
HarmonyOS 如何制作自定义加载弹窗
1202浏览 • 1回复 待解决
HarmonyOS 全局设置自定义字体的方法
748浏览 • 1回复 待解决
HarmonyOS 如何自定义上拉加载功能
725浏览 • 1回复 待解决
HarmonyOS ArkUI加载自定义组件
1098浏览 • 1回复 待解决
HarmonyOS RN 项目中使用自定义字体
819浏览 • 1回复 待解决