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%')  
  }  
}
分享
微博
QQ
微信
回复
2024-09-23 18:31:21
nwoolf

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

分享
微博
QQ
微信
回复
2024-10-29 18:44:46
相关问题
HarmonyOS 如何设置自定义字体
815浏览 • 1回复 待解决
如何使用和加载自定义字体
2149浏览 • 1回复 待解决
如何自定义字体替换系统字体
401浏览 • 1回复 待解决
HarmonyOS 使用自定义字体
227浏览 • 1回复 待解决
ArkUI中如何使用自定义字体
738浏览 • 2回复 待解决
鸿蒙中如何自定义字体文件
19363浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
3261浏览 • 1回复 待解决
ArkTs如何自定义容器组件?
3071浏览 • 1回复 待解决
ArkTS如何自定义资源文件
2214浏览 • 1回复 待解决
HarmonyOS 如何制作自定义加载弹窗
314浏览 • 1回复 待解决
如何设置自定义弹窗位置
2054浏览 • 1回复 待解决
如何设置自定义组件height缺省
1841浏览 • 1回复 待解决
加载页面的时候如何自定义header
754浏览 • 1回复 待解决
注册的自定义字体在 webview 中无效
2303浏览 • 1回复 待解决
如何自定义拼接设置UserAgent参数
2272浏览 • 3回复 待解决
HarmonyOS ArkUI加载自定义组件
414浏览 • 1回复 待解决
ArkTS自定义组件如何父子间传值?
351浏览 • 1回复 待解决