HarmonyOS web组件如何加载本地字库?

web组件如何加载本地字库?web组件可通过webStandardFont()方法设置字库,但是这种方法好像不是加载的本地字库而且渲染太慢且有一个闪烁的过程。我们想用web直接去加载本地有的字库,这样快速的渲染出页面,实现秒开。

HarmonyOS
2024-11-07 08:47:03
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

​可以参考注册自定义字体文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-font-V5

web加载字体示例​:

<!DOCTYPE html> 
  <html> 
  <head> 
  <title>自定义字体样式</title> 
  <style> 
/* 定义自定义字体 rawfile下有的话就生效*/ 
@font-face { 
  font-family: HarmonyOS_Sans_Condensed_Black_Italic; 
  src: url("HarmonyOS_Sans_Condensed_Thin_Italic.ttf"); 
} 
 
/* 定义自定义字体 */ 
@font-face { 
  font-family: HarmonyOS_Sans_Condensed_Light_Italic; 
  src: url("file:///system/fonts/HarmonyOS_Sans_Condensed_Light_Italic.ttf"); 
} 
</style> 
  </head> 
  <body> 
  <div style="font-family:HarmonyOS_Sans_Condensed_Black_Italic;font-size:36px;">自定义字体</div> 
  <div style="font-family:HarmonyOS_Sans_Condensed_Light_Italic;font-size:36px;">自定义字体</div> 
  </body> 
  </html>
分享
微博
QQ
微信
回复
2024-11-07 15:39:20
相关问题
HarmonyOS web组件加载pdf问题
618浏览 • 1回复 待解决
HarmonyOS Web组件HTTP图片加载如何放行
452浏览 • 1回复 待解决
HarmonyOS Web组件加载pdf预览
231浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
419浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
579浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
434浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
249浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
487浏览 • 1回复 待解决
如何禁止web组件自动加载图片?
733浏览 • 1回复 待解决
HarmonyOS Web组件加载片段时候不显示
207浏览 • 1回复 待解决
HarmonyOS 是否提供繁体字库
155浏览 • 1回复 待解决
Web组件中的预加载如何实现?
1248浏览 • 1回复 待解决
Web组件如何判断网址是否加载成功
2313浏览 • 1回复 待解决
Web组件访问本地资源并传递参数。
818浏览 • 1回复 待解决