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
2024-11-07 08:47:03
浏览
赞
收藏 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
微信
回复
2024-11-07 15:39:20
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS web组件内的html如何加载本地资源？
646浏览 • 1回复 待解决
如何使用Web组件加载本地的html文件？
686浏览 • 1回复 待解决
HarmonyOS Web组件加载本地页面传参问题
249浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本时如何引用本地css和js
528浏览 • 1回复 待解决
ets Web加载本地html文件，本地路径该怎么写
2821浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
647浏览 • 1回复 待解决
HarmonyOS web加载本地沙箱HTML和JS文件无法显示
691浏览 • 1回复 待解决
使用Web组件加载本地网页时，如何在本地网页中调用ArkTS中的函数
2726浏览 • 1回复 待解决
HarmonyOS Web组件本地资源跨域问题
54浏览 • 1回复 待解决
HarmonyOS Web组件HTTP图片加载如何放行
480浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
622浏览 • 1回复 待解决
HarmonyOS Web怎样开启web组件加载页面的加速
396浏览 • 1回复 待解决
HarmonyOS web加载本地html显示的为pc端网页效果
73浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
471浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
52浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
448浏览 • 1回复 待解决
HarmonyOS Web组件加载pdf预览
276浏览 • 1回复 待解决
HarmonyOS web组件通过file://协议加载本地文件，本地文件JS中发起http请求报错，提示跨域了，这种如何解决？
60浏览 • 1回复 待解决
如何禁止web组件自动加载图片？
764浏览 • 1回复 待解决
HarmonyOS web组件如何拉起vue或者react的本地js资源
471浏览 • 1回复 待解决
HarmonyOS Web组件加载片段时候不显示
230浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
287浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
520浏览 • 1回复 待解决
HarmonyOS 是否提供繁体字库？
186浏览 • 1回复 待解决
Web组件如何判断网址是否加载成功
2339浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS—使用Web组件加载页面 0回复
鸿蒙原生应用元服务开发-Web加载本地页面 0回复
HarmonyOs webview 加载本地html 6回复
dayu200设备video组件播放黑屏，web组件本地资源和网络资源都不显示。 0回复
HarmonyOS/OpenHarmony应用开发-Web组件开发体验 0回复