HarmonyOS 通过webview改变H5页面字体

HarmonyOS
2024-12-27 15:52:04
1.2w浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
shlp

可以将字体文件放在工程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.
分享
微博
QQ
微信
回复
2024-12-27 17:55:56


相关问题
HarmonyOS webview H5页面事件监听
822浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
1538浏览 • 1回复 待解决
升级API11后h5页面字体变小了
2284浏览 • 1回复 待解决
HarmonyOS H5页面localstorage为null
597浏览 • 1回复 待解决
HarmonyOS H5页面加载缓存机制
922浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
700浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
1452浏览 • 1回复 待解决
HarmonyOS H5页面保存图片到本地相册
530浏览 • 1回复 待解决
如何使H5页面适配多设备?
1301浏览 • 1回复 待解决
HarmonyOSh5页面怎样判断当前环境?
566浏览 • 1回复 待解决
HarmonyOS h5页面是否可以适配Harmony OS
1045浏览 • 1回复 待解决
HarmonyOS H5页面使用alert函数不生效
404浏览 • 1回复 待解决