使用 2 种不同字体粗细时 Roboto 字体高度不一致
Roboto inconsistent font height when using 2 different font weights
我正在从 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 字体网站上做同样的事情时，问题没有发生。
这是字体设计的问题还是我 loading/using 网络字体的问题？
15px 局部：
16px 局部：
16px Google 字体：
您是否安装了本地版本的 Roboto？ Google 在获取自己的字体之前尝试加载本地版本的字体。因此，如果您的计算机上安装了 Roboto，则可能会导致 x 高度不匹配，因为您混合了重量为 400 的可安装 "desktop font" 和重量为 500 的下载网络字体。（或相反。 )
我正在从 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 字体网站上做同样的事情时，问题没有发生。
这是字体设计的问题还是我 loading/using 网络字体的问题？
15px 局部：
16px 局部：
16px Google 字体：
您是否安装了本地版本的 Roboto？ Google 在获取自己的字体之前尝试加载本地版本的字体。因此，如果您的计算机上安装了 Roboto，则可能会导致 x 高度不匹配，因为您混合了重量为 400 的可安装 "desktop font" 和重量为 500 的下载网络字体。（或相反。 )