如何专门使用Roboto Thin和Normal字体

Question

我正在尝试在我的网站上使用Google字体（Roboto）。我将链接附加到我的html文件

<link href='https://fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'>

我还将其附加到我的CSS

h1,h2
{
  font-family: 'Roboto: 300', Century Gothic;
}
h3,h4,h5,h6{
  font-family: 'Roboto: 400', Century Gothic;
}

但是当我通过我的手机和PC加载它时，它仍然没有改变。请问我做错了什么？

Answer 1

您使用的字体名称不正确。它只是'Roboto'。你想做的事：

h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto', Century Gothic;
}

如果您想使用不同的字体粗细，则可以执行以下操作：

h1, h2 {
    font-weight: normal;
}