今天学习自定义字体,按照官网,准备好自定义字体库。就开始码代码
import font from '@ohos.font'
@Entry
@Component
struct OfficialFontPage {
@State message: string = '初始字体文本'
@State newFontMessage: string = '自定义字体文本'
//先注册
aboutToAppear() {
console.log('aboutToAppear')
font.registerFont({
familyName:'Alibaba Health Font 2.0 CN',
familySrc:'/fonts/阿里健康体2.ttf'
})
font.registerFont({
familyName:'ZiZhiQuXiMaiTi',
familySrc:'/fonts/ximai.ttf'
})
}
build() {
Row() {
Column({space:30}) {
Text(this.message)
.fontSize(50)
//使用
Text(this.newFontMessage)
.fontSize(50)
.fontFamily('Alibaba Health Font 2.0 CN')
Text(this.newFontMessage)
.fontSize(50)
.fontFamily('ZiZhiQuXiMaiTi')
}
.width('100%')
}
.height('100%')
}
}
一开始,模拟器上运行,怎么改都没效果。然后突然注意到日志中提示
12-22 15:53:40.755 33977-3048242 W A0c0d0/JSApp: app Log: font.registerFont interface mocked in the Previewer. How this interface works on the Previewer may be different from that on a real device.
意思是Previewer和真机不一样呗,那就看下模拟器,然后模拟器运行报错
找不到registerFont??再看一遍官网,再点进去看一遍代码库,都有啊。
后来,去论坛找问题看到大家居然都报错。
这是系统的问题,现在虽然写API9支持,但是还是不支持,等官方修复吧。