ArkTS如何自定义加载,设置字体fontFamily

APP内需要设置自定义字体。

HarmonyOS
2024-09-23 13:53:53
浏览
收藏 0
回答 2
回答 2
按赞同
/
按时间
FengTianYa

通过在字体管理中注册自定义字体,再去设置对应文本的fontFamily即可。示例代码如下:

import font from '@ohos.font';  
  
@Entry  
@Component  
struct FontExample {  
  @State message: string = '世界'  
  
  aboutToAppear() {  
    // familyName和familySrc都支持string  
    font.registerFont({  
      familyName: 'medium',  
      familySrc: '/font/medium.ttf' // font文件与pages目录同级  
    })  
  }  
  
  build() {  
    Column() {  
      Text(this.message)  
        .align(Alignment.Center)  
        .fontSize(20)  
        .fontFamily('medium') // medium:注册自定义字体的名字  
        .height('100%')  
    }.width('100%')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
分享
微博
QQ
微信
回复
2024-09-23 18:31:21
nwoolf

我如何注册这个字体在所有page中都可以使用,放在什么位置注册字体?还是只能在要使用的页面aboutToAppear中注册一次?谢谢。

分享
微博
QQ
微信
回复
2024-10-29 18:44:46
相关问题
如何使用和加载自定义字体
2968浏览 • 1回复 待解决
HarmonyOS 如何设置自定义字体
1572浏览 • 1回复 待解决
HarmonyOS 全局设置自定义字体的方法
737浏览 • 1回复 待解决
如何自定义字体替换系统字体
1082浏览 • 1回复 待解决
HarmonyOS 全局自定义字体
820浏览 • 1回复 待解决
HarmonyOS 全局自定义字体
777浏览 • 1回复 待解决
鸿蒙中如何自定义字体文件
20640浏览 • 1回复 待解决
HarmonyOS 自定义字体绘制
910浏览 • 1回复 待解决
HarmonyOS 使用自定义字体
978浏览 • 1回复 待解决
ArkUI中如何使用自定义字体
1911浏览 • 2回复 待解决
Ark UI是否如何使用自定义字体
3817浏览 • 1回复 待解决
ArkTs如何自定义容器组件?
4123浏览 • 1回复 待解决
HarmonyOS 能否默认使用自定义字体
518浏览 • 1回复 待解决
ArkTS如何自定义资源文件
3040浏览 • 1回复 待解决
如何设置自定义弹窗位置
2796浏览 • 1回复 待解决
HarmonyOS 如何制作自定义加载弹窗
1201浏览 • 1回复 待解决
HarmonyOS ArkTS 如何实现自定义装饰器
771浏览 • 1回复 待解决