1.将阿里矢量图标库添加库将图标转至项目,将项目下载至本地
2.将下载的文件放置目录/src/main/ets/iconfont
3.文件中使用
import { font, router } from "@kit.ArkUI";
aboutToAppear(): void {
// 1.注册字体
font.registerFont({
familyName:'aliFont',
familySrc:'/iconfont/iconfont.ttf'
})
}
build() {
Row() {
Text('\ue603') //引号里的'\u'+编号为官网图片的后四位
.fontFamily('aliFont')
.fontSize(18)
.fontColor(this.fontColor)
}
}