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,ED字符的重量/厚度比该行中的其余字符更大。但正如您将在下一行注意到的那样,

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

字体大小: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 回答