我的 Montserrat 字体未显示正确的字体样式

Question

我的 Montserrat 字体未显示正确的样式。这很正常。但是，如果我在链接中添加样式，它将起作用，但我不希望所有内容都使用相同的样式。像这样：

  <link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet">

这是链接，我希望我的 h1 设计成 蒙特塞拉特黑，所以我添加了：

 h1 {
 font-family: "Montserrat-black";
}

但我没有看到效果。如果我在这里添加它是这样的：

 <link href="https://fonts.googleapis.com/css?family=Montserrat:black|Ubuntu" rel="stylesheet">

黑色样式将遍布整个页面，我只希望在 h1 中使用它，所以请帮我看看我该怎么做。

原文由 Muhammad Najib 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 谷歌字体中自定义您的字体 并使用 font-weight: 300 | 500 | 700 | 900 ：

 h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900; /* black */
}

  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900|Ubuntu:400,500,700" rel="stylesheet">

  <h1>
    Lorem ipsum dolor sit amet.
  </h1>

原文由 HamSter 发布，翻译遵循 CC BY-SA 4.0 许可协议