鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 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

1.2w浏览

赞

收藏 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>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

回复

2024-12-27 17:55:56

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

发布

相关问题

HarmonyOS webview H5页面事件监听

822浏览 • 1回复待解决

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

481浏览 • 1回复待解决

HarmonyOS h5页面缩放问题

1538浏览 • 1回复待解决

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

321浏览 • 1回复待解决

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

2284浏览 • 1回复待解决

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

510浏览 • 1回复待解决

HarmonyOS H5页面localstorage为null

597浏览 • 1回复待解决

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

808浏览 • 1回复待解决

HarmonyOS H5页面加载缓存机制

922浏览 • 1回复待解决

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

474浏览 • 1回复待解决

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

543浏览 • 1回复待解决

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

423浏览 • 1回复待解决

HarmonyOS Web组件加载在线H5页面

700浏览 • 1回复待解决

如何在HarmonyOS中调试h5页面

1452浏览 • 1回复待解决

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

725浏览 • 1回复待解决

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

362浏览 • 1回复待解决

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

530浏览 • 1回复待解决

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

2496浏览 • 1回复待解决

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

1301浏览 • 1回复待解决

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

448浏览 • 1回复待解决

HarmonyOS 在h5页面怎样判断当前环境？

566浏览 • 1回复待解决

HarmonyOS h5页面是否可以适配Harmony OS

1045浏览 • 1回复待解决

HarmonyOS H5页面使用alert函数不生效

404浏览 • 1回复待解决

HarmonyOS h5页面通过文件加载的方式是否存在权限漏洞？

601浏览 • 1回复待解决

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

630浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

webview加载Vue h5失败 0回复

基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例 0回复

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