html - 具体如何使用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;
}

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

Answer 1

您使用的字体名称不正确。这只是“机器人”。你想做的事:

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

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

h1, h2 {
    font-weight: normal;
}