0
    • 聊天消息
    • 系統(tǒng)消息
    • 評(píng)論與回復(fù)
    登錄后你可以
    • 下載海量資料
    • 學(xué)習(xí)在線課程
    • 觀看技術(shù)視頻
    • 寫(xiě)文章/發(fā)帖/加入社區(qū)
    會(huì)員中心
    电子发烧友
    开通电子发烧友VIP会员 尊享10大特权
    海量资料免费下载
    精品直播免费看
    优质内容免费畅学
    课程9折专享价
    創(chuàng)作中心

    完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

    3天內(nèi)不再提示

    鴻蒙開(kāi)發(fā)UI界面——@ohos.font (注冊(cè)自定義字體)

    王程 ? 來(lái)源:jf_75796907 ? 作者:jf_75796907 ? 2024-02-22 16:22 ? 次閱讀

    導(dǎo)入模塊

    import font from '@ohos.font'
    

    font.registerFont

    registerFont(options: FontOptions): void

    在字體管理中注冊(cè)自定義字體。

    系統(tǒng)能力: SystemCapability.ArkUI.ArkUI.Full

    參數(shù):

    參數(shù)名 類(lèi)型 必填 說(shuō)明
    options FontOptions 注冊(cè)的自定義字體信息。

    FontOptions

    系統(tǒng)能力: SystemCapability.ArkUI.ArkUI.Full

    名稱(chēng) 類(lèi)型 必填 說(shuō)明
    familyName string 設(shè)置注冊(cè)的字體名稱(chēng)。
    familySrc string 設(shè)置注冊(cè)字體文件的路徑。

    示例:

    // 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目錄同級(jí)
        })
      }
    
      build() {
        Column() {
          Text(this.message)
            .align(Alignment.Center)
            .fontSize(20)
            .fontFamily('medium') // medium:注冊(cè)自定義字體的名字
            .height('100%')
        }.width('100%')
      }
    }
    



    審核編輯 黃宇


    聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
    • ui
      ui
      +關(guān)注

      關(guān)注

      0

      文章

      206

      瀏覽量

      21698
    • 鴻蒙
      +關(guān)注

      關(guān)注

      59

      文章

      2538

      瀏覽量

      43818
    收藏 0人收藏

      評(píng)論

      相關(guān)推薦
      熱點(diǎn)推薦

      KiCad 中的自定義規(guī)則(KiCon 演講)

      “ ?Seth Hillbrand 在 KiCon US 2025 上為大家介紹了 KiCad 的規(guī)則系統(tǒng),并詳細(xì)講解了自定義規(guī)則的設(shè)計(jì)與實(shí)例。? ” ? 演講主要圍繞 加強(qiáng) KiCad 中的自定義
      的頭像 發(fā)表于 06-16 11:17 ?63次閱讀
      KiCad 中的<b class='flag-5'>自定義</b>規(guī)則(KiCon 演講)

      HarmonyOS實(shí)戰(zhàn):自定義時(shí)間選擇器

      前言 最近在日常鴻蒙開(kāi)發(fā)過(guò)程中,經(jīng)常會(huì)使用一些時(shí)間選擇器,鴻蒙官方提供的時(shí)間選擇器滿(mǎn)足不了需求,所以自己動(dòng)手自定義一些經(jīng)常會(huì)使用到的時(shí)間選擇器,希望能幫到你,建議點(diǎn)贊收藏! 實(shí)現(xiàn)效果
      的頭像 發(fā)表于 06-09 15:51 ?93次閱讀
      HarmonyOS實(shí)戰(zhàn):<b class='flag-5'>自定義</b>時(shí)間選擇器

      HarmonyOS應(yīng)用自定義鍵盤(pán)解決方案

      自定義鍵盤(pán)是一種替換系統(tǒng)默認(rèn)鍵盤(pán)的解決方案,可實(shí)現(xiàn)鍵盤(pán)個(gè)性化交互。允許用戶(hù)結(jié)合業(yè)務(wù)需求與操作習(xí)慣,對(duì)按鍵布局進(jìn)行可視化重構(gòu)、設(shè)置多功能組合鍵位,使輸入更加便捷和舒適。在安全防護(hù)層面,自定義鍵盤(pán)可以
      的頭像 發(fā)表于 06-05 14:19 ?413次閱讀

      UIAbility組件與UI的數(shù)據(jù)同步介紹

      通信。使用EventHub實(shí)現(xiàn)UIAbility與UI之間的數(shù)據(jù)通信需要先獲取EventHub對(duì)象,本章節(jié)將以此為例進(jìn)行說(shuō)明。 在UIAbility中調(diào)用eventHub.on()方法注冊(cè)一個(gè)自定義
      發(fā)表于 05-16 06:10

      LabVIEW運(yùn)動(dòng)控制(三):EtherCAT運(yùn)動(dòng)控制器的高效加工指令自定義封裝

      LabVIEW高效加工指令自定義封裝
      的頭像 發(fā)表于 04-08 13:49 ?2249次閱讀
      LabVIEW運(yùn)動(dòng)控制(三):EtherCAT運(yùn)動(dòng)控制器的高效加工指令<b class='flag-5'>自定義</b>封裝

      如何添加自定義單板

      開(kāi)發(fā)過(guò)程中,用戶(hù)有時(shí)需要?jiǎng)?chuàng)建自定義板配置。本節(jié)將通過(guò)一個(gè)實(shí)例講解用戶(hù)如何創(chuàng)建屬于自己的machine,下面以g2l-test.conf為例進(jìn)行說(shuō)明。
      的頭像 發(fā)表于 03-12 14:43 ?505次閱讀

      鴻蒙原生應(yīng)用開(kāi)發(fā)也可以使用DeepSeek了

      API Key,并及時(shí)保存,出于安全訪問(wèn)策略,你將無(wú)法通過(guò) API keys 管理界面再次查看它。 第四步:配置CodeGPT自定義大模型 打開(kāi)插件配置界面:安裝成功CodeGPT后,在DevEco
      發(fā)表于 02-20 18:06

      如何快速創(chuàng)建用戶(hù)自定義Board和App工程

      可將該文件夾復(fù)制到用戶(hù)自定義的工作目錄(workspace)中,基于此模板進(jìn)行開(kāi)發(fā)。本模板主要牽涉到的用戶(hù)自定義的文件有:用戶(hù)板級(jí)文件Board用戶(hù)應(yīng)用程序App用
      的頭像 發(fā)表于 02-08 13:38 ?435次閱讀
      如何快速創(chuàng)建用戶(hù)<b class='flag-5'>自定義</b>Board和App工程

      Altium Designer 15.0自定義元件設(shè)計(jì)

      電子發(fā)燒友網(wǎng)站提供《Altium Designer 15.0自定義元件設(shè)計(jì).pdf》資料免費(fèi)下載
      發(fā)表于 01-21 15:04 ?0次下載
      Altium Designer 15.0<b class='flag-5'>自定義</b>元件設(shè)計(jì)

      think-cell:自定義think-cell(四)

      C.5 設(shè)置默認(rèn)議程幻燈片布局 think-cell 議程可以在演示文稿中使用特定的自定義布局來(lái)定義議程、位置和議程幻燈片上的其他形狀,例如標(biāo)題或圖片。通過(guò)將此自定義布局添加到模板,您可以為整個(gè)組織
      的頭像 發(fā)表于 01-13 10:37 ?467次閱讀
      think-cell:<b class='flag-5'>自定義</b>think-cell(四)

      think-cell;自定義think-cell(一)

      布局介紹了如何創(chuàng)建自定義議程幻燈片布局,第六部分 C.6 功能區(qū)自定義 介紹了如何使用 PowerPoint 的功能區(qū)自定義選項(xiàng)自定義 think-cell 的用戶(hù)
      的頭像 發(fā)表于 01-08 11:31 ?643次閱讀
      think-cell;<b class='flag-5'>自定義</b>think-cell(一)

      創(chuàng)建自定義的基于閃存的引導(dǎo)加載程序(BSL)

      電子發(fā)燒友網(wǎng)站提供《創(chuàng)建自定義的基于閃存的引導(dǎo)加載程序(BSL).pdf》資料免費(fèi)下載
      發(fā)表于 09-19 10:50 ?0次下載
      創(chuàng)建<b class='flag-5'>自定義</b>的基于閃存的引導(dǎo)加載程序(BSL)

      開(kāi)發(fā)用于將四個(gè)ADC通道連接到MCU/MPU的自定義多通道SPI

      電子發(fā)燒友網(wǎng)站提供《開(kāi)發(fā)用于將四個(gè)ADC通道連接到MCU/MPU的自定義多通道SPI.pdf》資料免費(fèi)下載
      發(fā)表于 09-02 10:12 ?0次下載
      <b class='flag-5'>開(kāi)發(fā)</b>用于將四個(gè)ADC通道連接到MCU/MPU的<b class='flag-5'>自定義</b>多通道SPI

      EtherCAT運(yùn)動(dòng)控制器PT/PVT實(shí)現(xiàn)用戶(hù)自定義軌跡規(guī)劃

      EtherCAT運(yùn)動(dòng)控制器PT/PVT實(shí)現(xiàn)用戶(hù)自定義軌跡規(guī)劃。
      的頭像 發(fā)表于 08-15 11:49 ?1123次閱讀
      EtherCAT運(yùn)動(dòng)控制器PT/PVT實(shí)現(xiàn)用戶(hù)<b class='flag-5'>自定義</b>軌跡規(guī)劃

      NVIDIA NeMo加速并簡(jiǎn)化自定義模型開(kāi)發(fā)

      如果企業(yè)希望充分發(fā)揮出 AI 的力量,就需要根據(jù)其行業(yè)需求量身定制的自定義模型。
      的頭像 發(fā)表于 07-26 11:17 ?1169次閱讀
      NVIDIA NeMo加速并簡(jiǎn)化<b class='flag-5'>自定義</b>模型<b class='flag-5'>開(kāi)發(fā)</b>

      電子發(fā)燒友

      中國(guó)電子工程師最喜歡的網(wǎng)站

      • 2931785位工程師會(huì)員交流學(xué)習(xí)
      • 獲取您個(gè)性化的科技前沿技術(shù)信息
      • 參加活動(dòng)獲取豐厚的禮品