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>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
分享
微博
QQ
微信
回复
2024-11-07 15:39:20
相关问题
如何使用Web组件加载本地的html文件?
1555浏览 • 1回复 待解决
HarmonyOS Web组件加载本地页面传参问题
1017浏览 • 1回复 待解决
HarmonyOS web本地沙箱加载
735浏览 • 1回复 待解决
HarmonyOS Web本地资源跨域加载异常
362浏览 • 1回复 待解决
HarmonyOS Web组件加载本地H5文件跨域
823浏览 • 1回复 待解决
HarmonyOS web组件 加载web页面异常
962浏览 • 1回复 待解决
HarmonyOS Web组件加载太慢
455浏览 • 1回复 待解决
HarmonyOS Web组件如何加载wasm文件
359浏览 • 1回复 待解决
HarmonyOS Web组件HTTP图片加载如何放行
989浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
1309浏览 • 1回复 待解决
如何禁止web组件自动加载图片?
1122浏览 • 1回复 待解决
HarmonyOS Web组件本地资源跨域问题
403浏览 • 1回复 待解决