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

注册的自定义字体在 webview 中无效

注册的自定义字体在 webview 中无效，但是文档未说明通过 @ohos.font.registerFont 接口注册的自定义字体，在 webview 中设置对应的 family 无法正确显示对应字体，webview H5 中设置 dom style font family 也无效，文档里没有@ohos.font 注册自定义字体对 webview的规格的说明 。

HarmonyOS
coolhead2000
2024-03-17 17:32:44
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
youganlan
youganlan

可以将字体文件放在工程rawfile目录下，在H5代码中使用@font-face指定用于显示文本的自定义字体，在指定元素中配置font-family属性设置自定义字体。

H5侧：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <title>Document</title> 
    <style> 
@font-face { 
  font-family: 'MaoKenWangXingYuan';src: url('./MaoKenWangXingYuan.ttf'); 
} 
#title { 
  font-family: 'MaoKenWangXingYuan'; 
} 
    </style> 
</head> 
<body> 
<h1 id="title">猫啃忘形圆</h1> 
</body> 
</html>
分享
微博
QQ
微信
回复
2024-03-18 21:09:23
如何写精华回答，获更多曝光？
发布
相关问题
@ohos.font (注册自定义字体) 自定义字体不支持动态更新？
748浏览 • 1回复 待解决
自定义注册下载到沙箱cache中生僻字字体
428浏览 • 0回复 待解决
鸿蒙中如何自定义字体文件
18061浏览 • 1回复 待解决
自定义字体的注册方式有哪些？推荐的字体资源存放路径是哪里？如何从资源存放路径中取出字体资源
785浏览 • 1回复 待解决
如何使用和加载自定义字体
969浏览 • 1回复 待解决
如果在entry模块的ability中注册自定义字体，是否所有hsp中页面都可以直接使用
794浏览 • 1回复 待解决
自定义弹窗能否在ts文件中定义和使用
892浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
2106浏览 • 1回复 待解决
JAVAUI Text设置自定义字体问题有知道的吗？
3649浏览 • 3回复 待解决
有没有自定义字体并使用该字体进行文本测量的示例？
635浏览 • 1回复 待解决
自定义弹窗自定义转场动画
474浏览 • 1回复 待解决
Toast弹窗是否支持自定义背景或者字体颜色
792浏览 • 1回复 待解决
自定义日历组件，开发中，自定义生成需要的日历格式方法有哪些？
483浏览 • 1回复 待解决
请教有没有办法整个app的字体一次性全部换成自定义字体？
454浏览 • 1回复 待解决
自定义组件中如何添加图片？
1347浏览 • 1回复 待解决
getContext(this)能否在自定义类中使用
1192浏览 • 1回复 待解决
NAPI中定义并注册Class
388浏览 • 1回复 待解决
在@Entry装饰的自定义组件中，调用onPageShow、onPageHide等方法不执行
26浏览 • 1回复 待解决
如何在自定义弹窗中再次弹窗
1171浏览 • 1回复 待解决
自定义 class 需要访问 WebComponent 中的 webViewController。
469浏览 • 1回复 待解决
如何理解自定义弹窗中的gridCount参数
1023浏览 • 1回复 待解决
自定义弹窗中的变量如何传递给页面
1281浏览 • 1回复 待解决
自定义弹框如何宽度全屏，高度自定义
652浏览 • 1回复 待解决
js 开发中 自定义组件在使用if属性时遇到的问题，有懂的吗？
3021浏览 • 1回复 待解决
如何实现一个自定义的Controller？ 自定义的Controller与自定义的组件page如何进行交互？
861浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS自定义Component（类似Android的自定义View）实现方式 0回复
鸿蒙中自定义属性设置多个问题 1回复
Arduino自定义库的编写 0回复
JAVA自定义布局 0回复
JAVA自定义组件 2回复