51CTO首页
AI.x社区
博客
学堂
精品班
直播训练营
企业培训
鸿蒙开发者社区
WOT技术大会
AIGC创新中国行
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证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
如何写精华回答，获更多曝光？
发布
相关问题
鸿蒙中如何自定义字体文件
17181浏览 • 1回复 待解决
自定义字体的注册方式有哪些？推荐的字体资源存放路径是哪里？如何从资源存放路径中取出字体资源
136浏览 • 1回复 待解决
如何使用和加载自定义字体
163浏览 • 1回复 待解决
自定义弹窗能否在ts文件中定义和使用
322浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
1185浏览 • 1回复 待解决
JAVAUI Text设置自定义字体问题有知道的吗？
3044浏览 • 3回复 待解决
Toast弹窗是否支持自定义背景或者字体颜色
250浏览 • 1回复 待解决
getContext(this)能否在自定义类中使用
385浏览 • 1回复 待解决
自定义组件中如何添加图片？
762浏览 • 1回复 待解决
如何在自定义弹窗中再次弹窗
202浏览 • 1回复 待解决
自定义弹窗中的变量如何传递给页面
377浏览 • 1回复 待解决
如何理解自定义弹窗中的gridCount参数
362浏览 • 1回复 待解决
js 开发中 自定义组件在使用if属性时遇到的问题，有懂的吗？
2387浏览 • 1回复 待解决
怎么实现自定义弹窗1打开自定义弹窗2
253浏览 • 1回复 待解决
ArkTs如何自定义容器组件？
964浏览 • 1回复 待解决
自定义组件嵌套子组件
7333浏览 • 3回复 待解决
是否支持自定义装饰器
226浏览 • 1回复 待解决
Grid组件的scrollBar是否支持自定义
349浏览 • 1回复 待解决
如何自定义Component 属性
12943浏览 • 3回复 待解决
如何在js文件中引入自定义js文件
5744浏览 • 1回复 待解决
自定义构建函数Buider与自定义组件component的使用区别以及限制是什么
280浏览 • 1回复 待解决
鸿蒙自定义Listcontainer中获取getComponentAt(i) 得到了null
6101浏览 • 2回复 待解决
智慧推荐可以自定义app吗
5755浏览 • 1回复 待解决
如何设置自定义组件height缺省
145浏览 • 1回复 待解决
ArkTS如何自定义资源文件
333浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS自定义Component（类似Android的自定义View）实现方式 0回复
鸿蒙中自定义属性设置多个问题 1回复
Arduino自定义库的编写 0回复
Arduino自定义库的编写 0回复
JAVA自定义布局 0回复