Css 字体不显示但没有错误

在过去的几天里，我一直在为自己打造一个新网站，在本地主机上工作时，字体没有问题，但现在上传到GitHub时，字体不起作用了。所有文件都在那里，我已经检查了文件的命名。我使用了chrome开发者选项中的“网络”选项卡来查看字体是否已加载

您可以在此处查看该网站- 其余代码在这里-

这是字体的加载

/*字体*/
@字体{
字体系列：“黑色”；
src:url（'/assets/font/montserrat/montserrat Black.ttf'）fromat（'truetype'），
src:url（'../font/montserrat/montserrat Black.woff'）格式（'woff'）；
}
@字体{
字体系列：“粗体”；
src:url（'/assets/font/montserrat/montserrat Bold.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat Bold.woff'）格式（'woff'）；
}
@字体{
字体系列：“超粗体”；
src:url（'/assets/font/montserrat/montserrat ExtraBold.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat ExtraBold.woff'）格式（'woff'）；
}
@字体{
字体系列：“发际线”；
src:url（'/assets/font/montserrat/montserrat Hairline.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat Hairline.woff'）格式（'woff'）；
}
@字体{
字体系列：“轻”；
src:url（'/assets/font/montserrat/montserrat Light.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat Light.woff'）格式（'woff'）；
}
@字体{
字体系列：“常规”；
src:url（'/assets/font/montserrat/montserrat Regular.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat Regular.woff'）格式（'woff'）；
}
@字体{
字体系列：“半黑体”；
src:url（'/assets/font/montserrat/montserrat SemiBold.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat SemiBold.woff'）格式（'woff'）；
}
@字体{
字体系列：“超轻”；
src:url（'/assets/font/montserrat/montserrat UltraLight.ttf'）格式（'truetype'），
src:url（'../font/montserrat/montserrat UltraLight.woff'）格式（'woff'）；
}

您的字体路径错误，请删除“truetype”路径中的“资产”尝试此操作

src: url('../font/montserrat/Montserrat-Black.ttf') fromat('truetype'),

另外，您的格式错误，请尝试此格式

@font-face{
字体系列：“蒙特塞拉特”；
src:url（'../font/montserrat/montserrat Black.woff'）格式（'woff'），
url（'../font/montserrat/montserrat Black.ttf'）格式（'truetype'）；
字体大小：400；
字体风格：普通；
}

这些问题与CSS文件中的src属性有关。查看以下屏幕截图：

正如您在下面的屏幕截图中所看到的，解析“src”（在文件style.css中）的值时出现错误

1） 按照上定义的规则修复这些问题

2） 在您的style.css中，为您的规则和字体权重指定适当的名称，以指示字体“粗体”等值

---

3） 将来，我建议您使用浏览器中的开发人员工具来检测此类问题

请编辑问题并：1）显示一些内联代码2）解释您在哪里查找错误（常见点包括JavaScript控制台和“Net”窗格）。您只需编写一次src，而不是两次。