Font Monterrat Black不起作用

Question

需要一些帮助来解释从Fonts.google下载的字体为什么没有呈现出应有的效果字体为"蒙特塞拉特黑色"，但网站仍使用默认字体。感谢您的帮助

我做了以下事情；

1. 将HREF链接复制并粘贴到页眉

2. 将"蒙特塞拉特黑色"编码为CSS(如下所示(

但文本保持默认值。

h1 {
font-family: "Montserrat-Black";
font-size: 3rem;
line-height: 1.5;
}

3. 此外，我通过代码验证器运行HTML：结果是：

   错误：错误值https://fonts.googleapis.com/css?family=Montserrat:400，900|Ubuntu&display=交换元素链接上的属性HREF：不允许在查询|中使用非法字符。从第8行第3列开始；至第8行第112列**title><link href="https://fonts.googleapis.com/css?family=Montserrat:400,900|Ubuntu&display=swap" rel="stylesheet">**

Answer 1

在HTML:中使用此链接

<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

这个CSS：

h1 {
font-family: 'Montserrat';
font-size: 3rem;
line-height: 1.5;
font-weight: 900;
}

在CSS中，我添加了font-weight: 900;，并将Montserrat-Black更改为Montserrat，因为它就是这样工作的。蒙塞拉特黑色实际上是带有font-weight: 900;的蒙塞拉特

Answer 2

你在css中导入了字体吗？如果你没有，你需要导入它，因为它没有找到字体文件的来源

如果你有字体文件，你可以使用这个：

@font-face {
	font-family: Montserrat;
	src: url(../font/Montserrat-Regular.ttf)
}

如果你在本地没有字体文件，你可以使用这个

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');