获取Google网络字体以显示字体粗细100

时间:2013-04-06 19:06:30

标签: css webfonts google-webfonts

我无法使用Google网络字体显示Lato字体超薄。它在Google的页面上应该很薄,但是当我在400以下的页面上使用它时它不会改变它的重量(我可以更加大胆,粗体和正常,但没有更薄)。这在Chrome和Firefox中都会存在。

我尝试了以下声明字体的变体:

font: 100 1em/1.5em 'Lato';
font: normal 100 1em/1.5em 'Lato';
font: normal 100 1em/1.5em 'Lato', sans-serif;

以及没有速记版本和像字体演示页面一样使用font-size属性的像素。我也尝试了几种字体大小,可能它不能以较小的尺寸渲染,但这并没有什么区别。这是页面上唯一的css,因此没有其他规则可以覆盖它。

我还能尝试什么?

1 个答案:

答案 0 :(得分:9)

您可以通过以下方式修改CSS:

font: 100 1em/1.5em 'Lato';
font: Ultra-Light 100 1em/1.5em 'Lato';
font: Ultra-Light 100 1em/1.5em 'Lato', sans-serif;

此外,请确保您已包含Lato字体的100权重,默认情况下包含。如果需要,URL为:

http://fonts.googleapis.com/css?family=Lato:100,400

小提琴:http://jsfiddle.net/praveenscience/AtdqY/