我想知道是否有人可以指出我正确的方向。我希望在每个给定的字体大小下以一致的权重显示 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
字符的重量/厚度比该行中的其余字符更大。但正如您将在下一行注意到的那样,
如果您无法复制我所看到的,这里有一个截图:
我的问题有两个:
- 从技术上描述这一点的最佳方式是什么?“一个给定字符中的多个字体粗细”缺乏简洁性,并且不太可能有任何有价值的谷歌搜索结果。
- 有没有办法解决这个问题并使每个字体大小的每个字符的权重一致?