使用两种不同重量的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'>

点击＆＃39;使用＆＃39;在Google字体中，您可以通过勾选方框选择任意数量的字体粗细。您输入的越多，您的网站将变得越慢，但2个字体权重应该没问题。