google 字体可用的所有字体粗细是多少？

Question

例如我可以这样导入：

@import url(http://fonts.googleapis.com/css?family=Roboto:100,400,900);

但是我也可以这样做吗？它是否有意义（唯一的有效值是 100、400、900 吗）？

@import url(http://fonts.googleapis.com/css?family=Roboto:100,200, 300, 400,500, 600, 700, 800, 900);

Answer 1

这取决于字体。如果你在 Google Fonts 并且你 select 一个字体。然后 select 右下角的 family selected，然后单击显示 customize 的选项卡，您可以看到该字体将支持的所有字体粗细。

如果支持这些字体粗细，您当前的示例就是它的外观。这里是 roboto，包含所有可能的字体粗细和样式。

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

i代表斜体

要使用这些字体，您需要这样做

.this-is-my-class {
    font-family: 'Roboto';
    font-weight:100; // or 100 - 900
    font-style: italic; // or normal 
 }

Answer 2

这个答案可能适合您

请完成这个link

Specifying Style and Weight for Google Fonts

Answer 3

取决于你select字体

时生成的内容

这是在您 select 权重时生成的：

What are all the font weights available for google fonts?