在Roboto字体中使用不同的样式

Question

我将<link href='http://fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'>添加到了我的HTML页面。

我选择了Normal 400和Light 300样式，但我如何在CSS中使用它们。

我的CSS中有这个：

body{
font-family: 'Roboto', sans-serif;
}

在我的标题中，我想使用Light 300，但我怎么能？

#heading
{
//what should go here

}

Answer 1

只需将font-weight设置为适当的值：

#heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}