设置网页的html的font-size,网页字体大小font-size设置其实不管用 @tonsky.me

这是一篇很棒的文章,如作者所述,字体大小和行距目前在操作系统之间不一致,在字体之间不一致,并且与其他UI元素不一致。

除了惯性和缺乏预见性之外,没有其他任何理由。

作者提出的指定cap height的建议可能是唯一可行的解​​决方案:

在定义cap height时,请清楚其他脚本中的逻辑上明显的等效形式,例如中文标志高度

以其他UI元素指定的单位指定cap height(作者指的是像素pix)

然后,也可以以任何单位UI元素中指定的单位精确地控制行高

最终结果:可消除各种操作系统之间的不一致性。文本无论在什么地方都准确显示了它的含义。

fff6739c33144e07de8e28a2475a8858.png

如何实现里?

浏览器Html中应首先采用它,使用CSS的“ font-cap-size”属性代替(并覆盖)“ font-size”,以及使用“ cap-line-height”替代“line-height”。(对于大小单位,建议使用“ px”,不是"em,或最终基于根“ px”的“ rem”,切勿使用“ pt”。)

然后,操作系统可以类似地使用基于 cap height的新功能调用/参数进行迁移,并且还可以尝试优先使用其余接口中使用的逻辑“ px”大小,逐步淘汰“ pt”大小。

这真的是一种方法。希望浏览器和W3C可以考虑这样的事情。大概要等到数十年以后。

原文点击标题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值