html - 在 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;
}