黑色字体不是真的“黑色”

Question

我正在建立我的第一个网站，我想使用Monserrat Black。

当我输入经典的“ font-weight：900;在我的CSS文件中”时，结果显然是粗体的。Thant是“ regular”，但不如应看的粗体在其中，可以说Adobe Illustrator（AI）。

我已经在HTML文件中编写了以下代码

<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">

这在CSS中（如本页所述：How do I set 'semi-bold' font via CSS? Font-weight of 600 doesn't make it look like the semi-bold I see in my Photoshop file）

{
    font-family: "Montserrat";
    text-align: left;
}

    .titreSection
{
    font-weight: 900; 
}

The font produced in my web browser：

The font as it should appear (screenshot taken in AI)：

有没有一种方法可以轻松地在CSS中选择Black，Thin，Thin Italic，Semibold等？

非常感谢您的耐心等待，这是我的第一个网站...

Answer 1

从Google字体导入字体时，您可以自定义所需的选项。某些字体将具有不同的选项。就您而言，这是“自定义”页面的屏幕截图：

这样做，当您返回“嵌入”标签时，您的导入代码段将有所不同。要包括900的粗细，您应该像这样导入字体：

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,900&display=swap" rel="stylesheet">

---

第二个问题

  

“有没有一种方法可以轻松地在CSS中选择Black，Thin，Thin Italic，Semibold等？”

通过在Google字体中添加相应的选项，您还可以使用font-weight: bold或font-weight: bolder或font-weight: lighter来设置CSS ...

请参阅此链接以获取完整参考：

https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight