Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 为什么我的谷歌字体在同一个字符的多个部分的权重不一致?_Css_Typography_Google Webfonts_Google Font Api - Fatal编程技术网

Css 为什么我的谷歌字体在同一个字符的多个部分的权重不一致?

Css 为什么我的谷歌字体在同一个字符的多个部分的权重不一致?,css,typography,google-webfonts,google-font-api,Css,Typography,Google Webfonts,Google Font Api,我想知道是否有人能给我指出正确的方向。我期待着显示谷歌字体在每个给定的字体大小一致的重量。听起来很简单,对吧?在我的情况下不是这样的。在某些字体大小下,某些字符在同一个字符中具有多个权重 注意:我正在Windows 7、Chrome v27中测试此功能 代码: <link href='http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900' rel='stylesheet' type='text/css'> .s

我想知道是否有人能给我指出正确的方向。我期待着显示谷歌字体在每个给定的字体大小一致的重量。听起来很简单,对吧?在我的情况下不是这样的。在某些
字体大小下
,某些字符在同一个字符中具有多个权重

注意:我正在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>

十六{
字体系列:Orbitron;
字体大小:400;
字体大小:16px;
线高:22px;
}
十九{
字体系列:Orbitron;
字体大小:400;
字号:19px;
线高:22px;
}
前端开发人员和
前端开发人员和
下面是一个例子来解释我的问题。如果你看一下小提琴,你会在第一行看到大写字母
F
E
、和
D
的顶行比该行中的其他字符有更多的重量/厚度。但正如你在下一行中注意到的那样

如果你不能复制我看到的,这里有一个屏幕截图:

我的问题有两个方面:

  • 从技术上来说,最好的描述方式是什么?”一个给定字符中的多个字体权重缺乏简洁性,不太可能有任何价值
  • 有没有办法解决这个问题,使每个字体大小的每个字符的权重保持一致

  • 我发现当你缩小到一定的尺寸时,网上使用了很多字体。这是字体抗锯齿的方式

    你可以在谷歌展示这种字体时看到同样的问题:

  • 您所描述的只是字形中笔划可见宽度的变化,或者简而言之,笔划宽度变化。这种变化在衬线字体中是正常的,至少在某种程度上,在许多无衬线字体中也会出现。但是,在这种情况下,字体设计为具有相当恒定的笔划宽度,因此可见效果是由字体呈现差异造成的

  • 无法消除字体呈现差异。字体呈现是一个复杂的问题,尽管一些建议的或实验性的CSS设置可能会影响它的某些方面,但它基本上不在您的控制范围之内。例如,字体平滑(也称为抗锯齿)取决于操作系统及其设置以及浏览器及其设置


  • 谢谢你的回复,但这并不能直接回答我的任何一个问题。@FillipPeyton是的,是的。1) 这叫抗锯齿。2) 不要使用那么小的字体,或者使用不同的字体来处理这个问题。很明显,我可以说更小的字体可以解决这个问题,但我不想这样做。更改我的需求并不是“修复”我的问题。我的第二个问题是‘有没有办法解决这个问题,并使每个字体大小的每个字符的权重保持一致?’,所以没有,你没有回答这个问题。完美的答案。非常感谢。