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
的顶行比该行中的其他字符有更多的重量/厚度。但正如你在下一行中注意到的那样
如果你不能复制我看到的,这里有一个屏幕截图:
我的问题有两个方面:
我发现当你缩小到一定的尺寸时,网上使用了很多字体。这是字体抗锯齿的方式 你可以在谷歌展示这种字体时看到同样的问题:
谢谢你的回复,但这并不能直接回答我的任何一个问题。@FillipPeyton是的,是的。1) 这叫抗锯齿。2) 不要使用那么小的字体,或者使用不同的字体来处理这个问题。很明显,我可以说更小的字体可以解决这个问题,但我不想这样做。更改我的需求并不是“修复”我的问题。我的第二个问题是‘有没有办法解决这个问题,并使每个字体大小的每个字符的权重保持一致?’,所以没有,你没有回答这个问题。完美的答案。非常感谢。