51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

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

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

HarmonyOS
superinsect
1天前
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang
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
微信
回复
1天前
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS web组件内的html如何加载本地资源？
384浏览 • 1回复 待解决
如何使用Web组件加载本地的html文件？
437浏览 • 1回复 待解决
HarmonyOS Web组件加载本地页面传参问题
58浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本时如何引用本地css和js
288浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
366浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
389浏览 • 1回复 待解决
HarmonyOS Web组件HTTP图片加载如何放行
311浏览 • 1回复 待解决
ets Web加载本地html文件，本地路径该怎么写
2533浏览 • 1回复 待解决
使用Web组件加载本地网页时，如何在本地网页中调用ArkTS中的函数
2489浏览 • 1回复 待解决
HarmonyOS web加载本地沙箱HTML和JS文件无法显示
354浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
289浏览 • 1回复 待解决
HarmonyOS Web怎样开启web组件加载页面的加速
243浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
285浏览 • 1回复 待解决
HarmonyOS Web组件加载pdf预览
58浏览 • 1回复 待解决
如何禁止web组件自动加载图片？
652浏览 • 1回复 待解决
HarmonyOS web组件如何拉起vue或者react的本地js资源
267浏览 • 1回复 待解决
HarmonyOS Web组件加载片段时候不显示
55浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
329浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
36浏览 • 1回复 待解决
Web组件如何判断网址是否加载成功
2216浏览 • 1回复 待解决
Web组件中的预加载，如何实现？
1046浏览 • 1回复 待解决
Web组件访问本地资源并传递参数。
704浏览 • 1回复 待解决
web组件对html文件的加载
654浏览 • 1回复 待解决
HarmonyOS web加载失败
64浏览 • 1回复 待解决
HarmonyOS 本地加载数据太卡顿
76浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS—使用Web组件加载页面 0回复
鸿蒙原生应用元服务开发-Web加载本地页面 0回复
HarmonyOs webview 加载本地html 6回复
HarmonyOS/OpenHarmony应用开发-Web组件开发体验 0回复
HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复