如果不缩放，粗体字体在移动设备上看起来很奇怪

Question

所有粗体版本的字体在移动设备上看起来都很奇怪，我为了测试目的使字体变得巨大，从此字体似乎有点"加倍"，它们之间有轻微的偏移。如果我缩放以仔细查看文本，它"变得"正常 - 并且显示它应该显示(并且确实显示，在桌面浏览器上(。

非缩放打印屏幕

缩放打印屏幕

实际上没有任何"巫毒"代码可以显示，它都是非常基本的。所有粗体字体在显示状态下看起来都很奇怪，除非您在移动设备上捏住缩放它们。但为了它：

.title {
font-size: 30px;
font-family: "Open Sans Condensed", sans-serif;
font-weight: 500; /* same problem with 900 */
font-style: normal;
font-variant: normal;
color: #000;
text-align: center;
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
<div class="title">
World wide shipping for flat rates!
</div>

我在移动设备上尝试了不同的浏览器，都显示相同的问题。当粗体时，所有字体都会发生这种情况，而不仅仅是我在此示例中使用的字体。

Answer 1

<style type="text/css">
.title {
font-size: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 900;
font-style: normal;
font-variant: normal;
color: #000;
text-align: center;
}

<div class="title">World wide shipping for flat rates!</div>