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

Question

我已经使用了 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;
}

它不起作用。

Answer 1

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"