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

Eli*_*ise 5 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;
Run Code Online (Sandbox Code Playgroud)

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

我还能尝试什么?

Pra*_*man 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;
Run Code Online (Sandbox Code Playgroud)

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

http://fonts.googleapis.com/css?family=Lato:100,400
Run Code Online (Sandbox Code Playgroud)

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

  • 添加Ultra-Light似乎不是有效的CSS,但更正URL就可以了!我没有意识到我必须分别指定每个重量,谢谢! (3认同)