鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS 通过webview改变H5页面字体

HarmonyOS

2024-12-27 15:52:04

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

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

webFixedFont<!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>

回复

2024-12-27 17:55:56

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS webview H5页面事件监听

1899浏览 • 1回复待解决

HarmonyOS webview访问h5页面，底部出现遮盖

1021浏览 • 1回复待解决

HarmonyOS h5页面缩放问题

2492浏览 • 2回复待解决

HarmonyOS 通过h5页面拉起应用或者应用市场

1116浏览 • 1回复待解决

升级API11后h5页面字体变小了

2858浏览 • 1回复待解决

HarmonyOS WebView无法加载h5页面中的图片

940浏览 • 1回复待解决

HarmonyOS H5页面localstorage为null

1271浏览 • 1回复待解决

自定义弹窗内加载h5页面，h5页面再跳转登陆页面，弹窗覆盖在登陆页面

1517浏览 • 1回复待解决

HarmonyOS 大量webview加载远程H5页面方案设计建议

1056浏览 • 1回复待解决

HarmonyOS webview加载的H5页面是否支持window.localStorage

1159浏览 • 1回复待解决

HarmonyOS 网点H5有定位，APP内WEBVIEW加载此H5页面，没弹定位权限。

1057浏览 • 1回复待解决

HarmonyOS Web组件加载在线H5页面

1349浏览 • 1回复待解决

如何在HarmonyOS中调试h5页面

2160浏览 • 1回复待解决

HarmonyOS H5页面加载缓存机制

1775浏览 • 1回复待解决

HarmonyOS H5页面无法自适应展示，类似浏览器展示H5页面

1576浏览 • 1回复待解决

HarmonyOS webview加载H5页面与原生交互jsBrige的实现方式

1011浏览 • 1回复待解决

HarmonyOS H5页面保存图片到本地相册

1081浏览 • 1回复待解决

webview容器加载h5页面之获取剪贴板的数据

4046浏览 • 1回复待解决

HarmonyOS 如何查看WebView中h5页面打印的console.log日志

1217浏览 • 1回复待解决

如何使H5页面适配多设备？

2085浏览 • 1回复待解决

HarmonyOS 页面中嵌套webView，怎么在H5页面中使用客户端接口

1307浏览 • 1回复待解决

HarmonyOS 使用webview加载H5页面时，页面内容包含iframe标签，无法正常显示。

1189浏览 • 1回复待解决

HarmonyOS 使用web组件加载h5页面，报错17100001

1392浏览 • 1回复待解决

HarmonyOS 如何在h5页面直接拉起系统相册？

1249浏览 • 1回复待解决

HarmonyOS 浏览器中的H5页面通过scheme协议，启动应用

913浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复

H5页面调起第三方App 0回复

<HarmonyOS TechTalk 22> H5页面性能优化实践 #鸿蒙课程##鸿蒙生态# 0回复

华为H5预加载组件：让移动端H5页面加载更流畅的“隐形加速器” 0回复

webview加载Vue h5失败 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载