让谷歌网络字体显示100字重

Question

我在使用Google Web字体时遇到了问题，无法让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;

除了像字体演示页面那样不使用简写版本并使用像素设置字体大小属性外，我还尝试了几个字体大小，以为可能无法渲染较小的字体大小，但这没有什么区别。这是页面上唯一的CSS，因此没有其他规则可以覆盖它。

还能尝试什么？

- Elise

---

你确定在Google Web字体脚本引用中包含了100权重吗？ - Rick Donohoe

第一个例子应该可以工作。你也在从GWF加载那个100权重字体吗？http://jsfiddle.net/9T3Tw/ - pzin

我没有显式地加载100的重量，谢谢！ - Elise

Answer 1

您可以通过以下方式修改您的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/

- Praveen Kumar Purushothaman

---

添加"Ultra-Light"似乎不是有效的CSS，但是更正URL就解决了问题！我没有意识到我需要单独指定每个字重，谢谢！ - Elise

@Elise 很高兴你找到了问题所在。我也遇到了同样的问题，当我尝试时。 - Praveen Kumar Purushothaman

请纠正这个答案，因为它是完全错误的。CSS 中除了 normal 和 bold（以及相对关键字）之外，没有字重关键字。 - Jukka K. Korpela