0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙开发UI界面——@ohos.font (注册自定义字体)

王程 来源:jf_75796907 作者:jf_75796907 2024-02-22 16:22 次阅读

导入模块

import font from '@ohos.font'

font.registerFont

registerFont(options: FontOptions): void

在字体管理中注册自定义字体。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数

参数名 类型 必填 说明
options FontOptions 注册的自定义字体信息

FontOptions

系统能力: SystemCapability.ArkUI.ArkUI.Full

名称 类型 必填 说明
familyName string 设置注册的字体名称。
familySrc string 设置注册字体文件的路径。

示例:

// xxx.ets
import font from '@ohos.font';

@Entry
@Component
struct FontExample {
  @State message: string = '你好,世界'

  aboutToAppear() {
    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%')
  }
}



审核编辑 黄宇


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • ui
    ui
    +关注

    关注

    0

    文章

    198

    浏览量

    21184
  • 鸿蒙
    +关注

    关注

    55

    文章

    1629

    浏览量

    42119
收藏 人收藏

    评论

    相关推荐

    HarmonyOS开发实例:【自定义Emitter】

    使用[Emitter]实现事件的订阅和发布,使用[自定义弹窗]设置广告信息。
    的头像 发表于 04-14 11:37 615次阅读
    HarmonyOS<b class='flag-5'>开发</b>实例:【<b class='flag-5'>自定义</b>Emitter】

    鸿蒙ArkUI实例:【自定义组件】

    组件是 OpenHarmony 页面最小显示单元,一个页面可由多个组件组合而成,也可只由一个组件组合而成,这些组件可以是ArkUI开发框架自带系统组件,比如 `Text` 、 `Button` 等,也可以是自定义组件,本节笔者简单介绍一下
    的头像 发表于 04-08 10:17 151次阅读

    Android端自定义铃声 MobPush对安卓端自定义铃声的教程

    如何为APP推送设置独特的通知铃声呢?本次带来的是MobPush对安卓端自定义铃声的教程,快来看看吧~
    的头像 发表于 10-21 15:34 814次阅读
    Android端<b class='flag-5'>自定义</b>铃声 MobPush对安卓端<b class='flag-5'>自定义</b>铃声的教程

    OpenHarmony自定义构建函数:@Builder装饰器

    ()函数语法规则,开发者可以将重复使用的UI元素抽象成一个方法,在build方法里调用。 为了简化语言,我们将@Builder装饰的函数也称为“自定义构建函数”。 说明: 从API version 9
    发表于 09-26 16:36

    OpenHarmony自定义组件介绍

    一、创建自定义组件 在ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发定义的称为自定义组件。在进行
    发表于 09-25 15:36

    如何使用BMLang开发自定义的算子?

    如何使用BMLang开发自定义的算子
    发表于 09-18 06:57

    OpenHarmony应用开发自定义弹窗

    以​​橘子购物​​中一个应用更新提示的弹窗介绍OpenHarmony的自定义弹窗。 接口 自定义弹窗官方文档:​​自定义弹窗-弹窗-全局UI方法-组件参考(基于ArkTS的声明式
    发表于 09-06 14:40

    labview超快自定义控件制作和普通自定义控件制作

    labview超快自定义控件制作和普通自定义控件制作
    发表于 08-21 10:32 5次下载

    教程 3:构建自定义配置文件

    教程 3:构建自定义配置文件
    发表于 07-06 18:49 0次下载
    教程 3:构建<b class='flag-5'>自定义</b>配置文件

    教程 2:自定义配置文件示例

    教程 2:自定义配置文件示例
    发表于 07-04 20:50 0次下载
    教程 2:<b class='flag-5'>自定义</b>配置文件示例

    Omniverse 中文课程系列 3:实战练习如何成为自定义 UI 界面大师

    Omniverse 为 3D 工具构建漂亮的自定义 UI 界面 学习目标 如果您是虚拟世界的构建者和创作者,那么您一定不能错过亲身体验 NVIDIA Omniverse 套件中的 Omni.
    的头像 发表于 06-09 20:45 325次阅读
    Omniverse 中文课程系列 3:实战练习如何成为<b class='flag-5'>自定义</b> <b class='flag-5'>UI</b> <b class='flag-5'>界面</b>大师

    HarmonyOS/OpenHarmony应用开发-ArkTS语言@Builder自定义构建函数

    undefined、null的表达式。 在自定义构建函数内部,不允许改变参数值。如果需要改变参数值,且同步回调用点,建议使用@Link。 @Builder内UI语法遵循UI语法规则。 1.按引用传递参数 按
    发表于 05-31 15:15

    Omniverse 中文课程系列 1: 开发 Extensions 来自定义 Omniverse 功能与 UI

    ! 在 Omniverse 中 定制化开发和发布 Extensions 学习目标 想要根据自己的喜好更改 Omniverse 的功能和用户界面UI)吗?使用 Python 代码通过扩展功能(Extensions)即可
    的头像 发表于 05-27 17:45 393次阅读
    Omniverse 中文课程系列 1: <b class='flag-5'>开发</b> Extensions 来<b class='flag-5'>自定义</b> Omniverse 功能与 <b class='flag-5'>UI</b>

    labview自定义控件

    labview自定义精美控件
    发表于 05-15 16:46 9次下载

    如何从LittleFS中提取自定义字体文件?

    经过几天的搜索和大量的反复试验,我决定请教专家……简而言之,我想弄清楚如何从 LittleFS 中提取自定义字体文件。我的 html 嵌入了 CSS 及其全部在我的代码中(不是外部文件)。但是,我
    发表于 05-11 06:41