0

我想知道是否有人可以指出我正确的方向。我希望在每个给定的字体大小下以一致的权重显示 Google Font Orbitron。听起来很容易，对吧？不在我的场景中。在某些font-sizes情况下，某些字符在同一个字符内具有多个权重。

注意：我在Windows 7、Chrome v27中对此进行测试

编码：

<link href='http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900' rel='stylesheet' type='text/css'>
.sixteen{
    font-family: Orbitron;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.nineteen{
    font-family: Orbitron;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
}

<h4 class="sixteen">Home of Front End Developer and</h4>
<h4 class="nineteen">Home of Front End Developer and</h4>

这是一个小提琴来解释我的问题。如果您看一下小提琴，您会在第一行中看到大写的顶行F,E和D字符的重量/厚度比该行中的其余字符更大。但正如您将在下一行注意到的那样，

如果您无法复制我所看到的，这里有一个截图：

字体大小：16px 和 19px

我的问题有两个：

  1. 从技术上描述这一点的最佳方式是什么？“一个给定字符中的多个字体粗细”缺乏简洁性，并且不太可能有任何有价值的谷歌搜索结果。
  2. 有没有办法解决这个问题并使每个字体大小的每个字符的权重一致？
4

2 回答 2

1

  1. 您所描述的只是字形中可见笔划宽度的变化，或者简而言之，笔划宽度变化。这种变化在衬线字体中是正常的，并且至少在某种程度上也出现在许多无衬线字体中。但是，在这种情况下，字体被设计为具有相当恒定的笔画宽度，因此可见效果是由字体渲染差异引起的。

  2. 没有办法消除字体渲染差异。字体渲染是一个复杂的问题，虽然一些提议或实验性的 CSS 设置可能会影响它的某些方面，但它基本上不在你的控制范围内。例如，字体平滑（也称为抗锯齿）取决于操作系统及其设置以及浏览器及其设置。

于 2013-06-25T08:21:25.423 回答
0

当您缩小到一定大小时，我发现在线使用的一堆字体存在这个问题。这是字体被抗锯齿的方式。

你可以从谷歌看到同样的问题炫耀该字体：http ://www.google.com/fonts/specimen/Orbitron

于 2013-06-24T23:54:15.187 回答