使用Google Roboto字体的两种不同的粗细

Question

所以基本上是用<link href="https://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet">导入Roboto字体，但要注意Roboto:900部分。是否可以在同一网页上同时导入Roboto:900和Roboto:300？我尝试只使用Roboto，然后在css中设置font-weight，但它不起作用。

想法？谢谢

附注：Roboto:900是粗体风格，Roboto:300是瘦风格。

Answer 1

这应该是可行的

<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'>

CSS

.light{
 font-weight:300;
}
.bold{
 font-weight:900;
}

Answer 2

这应该是可行的：

<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'>

当你点击谷歌字体中的“使用”时，你可以通过勾选方框来选择任意多的字体粗细。你导入的越多，你的网站就会变得越慢，但是2个字体的粗细应该是可以的。