让 Google 网络字体显示 font-weight 100答案

【问题标题】：Getting Google web fonts to display font-weight 100让 Google 网络字体显示 font-weight 100
【发布时间】：2013-03-29 02:32:01
【问题描述】：

我无法让Lato 字体使用 Google 网络字体显示超薄。它在 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，因此没有其他规则可以覆盖它。

我还能尝试什么？

【问题讨论】：

【解决方案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 粗细，默认情况下不包含该粗细。如果需要，网址是：

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

【讨论】：