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

Question

我无法让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，因此没有其他规则可以覆盖它。

我还能尝试什么？

score 9 · Accepted Answer

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

此外，请确保您已包含默认情况下不100包含的 Lato 字体的粗细。如果需要，网址是：

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

1 回答 1