如何将谷歌字体连接到页面？

我已经使用了 Google Fonts 中关于如何设置字体的建议。所以我做了以下动作：

1）在页面添加此依赖：

<link href="https://fonts.googleapis.com/css?family=Roboto:100,400,700&amp;subset=cyrillic-ext" rel="stylesheet">

2）将CSS设置为body标签：

 html, body {
        font-family: 'Roboto', sans-serif;
        background: #f7f7f7;
    }

当我尝试为其他元素设置字体时，例如：

a {
font-family: Roboto-Light;
}

这是行不通的。

a {
   font-family: 'Roboto'; /* You don't need this since you say html {font-family: 'Roboto'}*/
   font-weight: 100;
}
/*Font's family name need to be inside quotes "MyFontName"