Html 字体Monterrat Black没有函数

Html 字体Monterrat Black没有函数,html,css,Html,Css,需要一些帮助,了解为什么从Fonts.google下载的字体没有按应有的方式呈现 字体为“蒙特塞拉特黑”,但网站仍使用默认字体。 谢谢你的帮助 我做了以下几件事 复制并粘贴HREF链接到标题 将“蒙特塞拉特黑”编码到CSS(如下所示) 但文本仍处于默认状态 h1 { font-family: "Montserrat-Black"; font-size: 3rem; line-height: 1.5; } 此外,我还通过代码验证程序运行了HTML:结果如下: 错误:元素链接上的属性HRE

需要一些帮助,了解为什么从Fonts.google下载的字体没有按应有的方式呈现 字体为“蒙特塞拉特黑”,但网站仍使用默认字体。 谢谢你的帮助

我做了以下几件事

  • 复制并粘贴HREF链接到标题

  • 将“蒙特塞拉特黑”编码到CSS(如下所示)
  • 但文本仍处于默认状态

    h1 {
    
    font-family: "Montserrat-Black";
    
    font-size: 3rem;
    
    line-height: 1.5;
    }
    
  • 此外,我还通过代码验证程序运行了HTML:结果如下:

    错误:元素链接上的属性HREF的值不正确:查询中不允许使用非法字符:|。 来自第8行第3列;第8行第112列 **标题>
    **


  • 如果没有,您是否已在css中导入字体?您需要导入它,因为它没有找到字体文件的源

    如果您有字体文件,您可以使用:

    @font-face{
    字体系列:蒙特塞拉特;
    src:url(../font/Montserrat Regular.ttf)
    
    }
    在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中,我添加了
    font-weight:900并将蒙特塞拉特黑色
    更改为蒙特塞拉特,因为它就是这样工作的。蒙特塞拉特黑实际上是蒙特塞拉特,字号为900

    在错误消息之后,请尝试对管道字符进行url编码:
    h1 {
     font-family: 'Montserrat';
     font-size: 3rem;
     line-height: 1.5;
     font-weight: 900;
    }