news 2026/10/10 12:19:27

可变字重设成 450 却跳回 400:HarmonyOS 7 连续字重与设备级粗细怎么一起验

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
可变字重设成 450 却跳回 400:HarmonyOS 7 连续字重与设备级粗细怎么一起验

可变字重设成 450 却跳回 400:HarmonyOS 7 连续字重与设备级粗细怎么一起验

HarmonyOS 7 的设计动态明确提出支持多语言连续字重变化。落到 ArkUI 时,开发者仍要区分两个开关:是否允许非整百字重生效,以及是否跟随设备的字体粗细级别。只写一个 450 并不能保证所有组件、字体和设备都显示成预期粗细。

证据边界:本文把华为官方资料、可执行的应用侧模型和待补的 API 26 设备证据分开记录。当前本机 SDK 为 API 24,且没有连接 HarmonyOS 7 真机;文中的 TypeScript 断言用于验证状态与边界,不冒充 API 26 编译、云端联调或真机结果。接入时应以目标版本官方文档、控制台配置和真实错误码为准。

复现:450 为什么看起来和 400 一样

官方 API 说明中,enableVariableFontWeight=false时,非整百数值会回到默认 400;开启后才允许 100 到 900 的任意整数参与可变字重。与此同时,字体文件本身也要支持可变调节。

案例一:阅读页跟随系统粗细

正文适合保留设备级字体粗细,让低视力用户的系统设置能够生效。测试时要覆盖 400、450、600 等档位,并检查换行是否变化。

案例二:品牌数字必须稳定

金额、验证码或图表刻度若因为设备设置变粗后挤压布局,可以明确关闭设备级字重跟随,但仍要保证可读性和无障碍放大。

先把配置决策写成函数

type FontPolicy = { variable: boolean; followDevice: boolean; requested: number }; function effective(p: FontPolicy): number { if (p.requested < 100 || p.requested > 900) return 400; if (!p.variable && p.requested % 100 !== 0) return 400; return p.requested; } if (effective({ variable: false, followDevice: true, requested: 450 }) !== 400) throw new Error('非整百回退错误'); if (effective({ variable: true, followDevice: true, requested: 450 }) !== 450) throw new Error('可变字重未生效');

不只看“粗不粗”

连续字重会影响字符宽度、行高观感和按钮文案空间。中文、英文、数字和不支持可变轴的备用字体都要分别看。动效过程中还要关注频繁重排,不能为了视觉变化让长列表持续抖动。

验收矩阵

  • 可变字重开启与关闭。
  • 设备字体粗细不同级别。
  • 中文、英文、数字和混排。
  • 支持与不支持可变字重的字体。
  • 手机、平板、电脑窗口缩放。

官方资料

1. HarmonyOS 设计语言与可变字体

2. ArkUI 文本字体配置 API

3. HarmonyOS 7 新能力一览

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/10 12:19:02

PostgreSQL逻辑复制实战:从WAL到Kafka的实时数据同步

简介&#xff1a;本资源面向数据库开发与数据集成工程师&#xff0c;提供一套基于PostgreSQL逻辑复制功能的实时数据变更捕获与同步系统源码。系统通过解析WAL日志捕获数据变更&#xff0c;将其转换为可执行的SQL语句&#xff0c;并借助Kafka消息队列实现PostgreSQL到异构数据源…

作者头像 李华
网站建设 2026/10/10 12:18:25

《创业之路》-1027-细读商业经典 - 创新是有利的变异,是人为的主动的推动个人、企业、国家、社会持续演进的动力

创新&#xff1a;人为定向的有利变异&#xff0c;文明主动演进的核心动力这个定义精准打通了生物演化与社会演进的底层逻辑&#xff1a;生物的进化靠随机变异 自然选择&#xff0c;是被动的、盲目的、无方向的&#xff1b;而人类社会的演进靠主动创新 市场 / 社会筛选&#x…

作者头像 李华
网站建设 2026/10/10 12:18:17

有没有前端开发者或网页开发,前后端都可以

能不能帮孩子做个问卷&#x1f979;&#x1f979;&#x1f979;想调研一下大家在网页开发时在浏览器兼容性或者其他兼容性这块有没有遇到什么问题&#xff0c;填了可小偿。谢谢大家&#x1faf6;&#x1f3fb;&#x1faf6;&#x1f3fb;!

作者头像 李华
网站建设 2026/10/10 12:17:34

横评:OpenResearch、聊天式助手与手搓 RAG,谁的综述更值得信

横评&#xff1a;OpenResearch、聊天式助手与手搓 RAG&#xff0c;谁的综述更值得信 【免费下载链接】OpenResearch Turn your coding agents into research agents 项目地址: https://gitcode.com/GitHub_Trending/op/OpenResearch 让大模型写一篇文献综述&#xff0c;…

作者头像 李华
网站建设 2026/10/10 12:16:14

不懂技术,怎么把 AI 助手装到云服务器、还能 24 小时不掉线?

先给答案&#xff1a;你不需要懂技术&#xff0c;但要做四件事——选机、装、教、保。 你负责提供"要干什么"和"东西归我"&#xff0c;其余可以交给别人做&#xff1b;但验收要你自己会。 一、选机&#xff1a;一台入门级的云主机就够起步 不用一上来买贵的…

作者头像 李华