gpt4 book ai didi

css - 使用 2 种不同字体粗细时 Roboto 字体高度不一致

转载 作者:太空宇宙 更新时间:2023-11-04 08:13:05 25 4
gpt4 key购买 nike

我正在像这样从 Google 字体加载 Roboto:

<link href="//fonts.googleapis.com/css?family=Roboto:300,400,400i,500" rel="stylesheet" type="text/css">

我在同一行中将一些文本设置为 font-weight: 400 和一些设置为 font-weight: 500。

问题在于 400 文本呈现的字母高度比 500 文本短。这只会发生在字体大小为 12px、14px 和 16px 的情况下。

当我在 Google 字体网站上执行相同操作时,问题不会发生。

这是字体设计的问题还是我加载/使用网络字体的方式的问题?

15px 局部:

15px

16px 局部:

16px

16px 谷歌字体:

16px Google

最佳答案

您是否安装了本地版本的 Roboto?谷歌试图在获取自己的字体之前加载本地版本的字体。因此,如果您的计算机上安装了 Roboto,则可能会导致 x-height 不匹配,因为您正在混合重量为 400 的可安装“桌面字体”和重量为 500 的下载网络字体。(或相反。)

关于css - 使用 2 种不同字体粗细时 Roboto 字体高度不一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46112657/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com