chrome 用 font-weight 上遇到一个怪问题，是怎么回事？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 1891 天前的主题，其中的信息可能已经有所发展或是发生改变。

firefox 也有这个问题，就是子元素的高度与撑开的父元素高度不一致
大家可以看演示代码，https://jsbin.com/cehebobusu/edit?html,output。
用上 font-weight:300 后，a 高度 20，body 元素 22 或 21.5，去掉之后都为 21。
这个是 bug 还是怎滴，我的网站因为这个多了一条白线。

元素

Firefox

撑开

高度

2 条回复 • 2019-10-29 04:33:45 +08:00

eason1874

2019-10-28 20:00:28 +08:00

内联元素高度一向很迷，具体机制我不懂，严格要求高宽度对齐的元素我都是用块级，a 标签也来个 display:block，简单粗暴解决战斗。

pinews

2019-10-29 04:33:45 +08:00

@eason1874 找到原因了微软雅黑和微软雅黑 light 行高不一样，子元素是 light 的高度，父元素确实正常字体的高度，