#HarmonyOS NEXT 体验官#手把手教你IconFont字体图标如何在HarmonyOSNext项目中当做字体使用 原创

hello,大家好，最近我发现了一个特殊的功能，基于‘活到老，学到老’，不断地学习才能持续进步，现在让我为你介绍如何实现IconFont图标在HarmonyOS项目中当做字体使用。

第一步、 https://www.iconfont.cn/ 打开网址

第二步、搜索自己的需要的图标、并且加购到购物车

第三步、点击购物车，添加至项目

第四步、添加至项目或者新建项目再添加

第五步、下载至本地

第六步、将文件解压出来，将这所有文件复制

第七步、在ets中新建目录，取名fonts，将刚才复制的文件 粘贴至fonts中。

第八步、在index.ets页面，页面@Entry上面新增一行

import font from '@ohos.font'

第九步、在struct Indext{ 下面增加以下代码：

一加载Index入口页面就进行注册，aboutToAppear 会在组建一加载时，自动调用执行（生命周期函数）

aboutToAppear(): void {
    // 1.注册字体
    font.registerFont({
      familyName:'myFont',
      familySrc:'/fonts/iconfont.ttf'
    })
  }

第十步、在你需要使用的地方用Text(’ ')组件写

Text('\ue67f')//引号里的'\u'+编号为官网图片的后四位
  .fontFamily('myFont')//这句话必须加上，不然不显示
  .fontSize(20)

至此，就可以将图标用Text表示使用，所有的属性都以Text相关，可以任意放大缩小不失真并修改颜色。

鸿蒙作为华为自主研发的全场景分布式操作系统，以其独特的分布式架构、高可靠性、跨平台兼容性以及高效的内存管理机制等特点，正在逐步成为万物互联时代的重要基础设施。
截至2023年8月，鸿蒙生态设备超过7亿台，开发者达到220万+，API日调用590亿次+，开发工具DevEco活跃用户数40+万人。
随着鸿蒙系统的不断演进与升级，我们一起见证了它从诞生到逐渐成熟的每一个重要时刻。鸿蒙，这个寓意着“开天辟地”的操作系统，正以其独特的微内核全场景分布式架构，引领着智能设备互联互通的未来。它不仅仅是一个操作系统，更是华为乃至整个科技行业在逆境中坚韧不拔、勇于创新精神的象征。在此，也感谢每一位关注鸿蒙、支持鸿蒙的朋友。是你们的热情与期待，给予了我们不断前进的动力。让我们携手并进，共同见证鸿蒙的辉煌未来！