字体在子目录中不起作用

fonts not working in subdirectories

我的网站使用了几种不同的字体,sarkelliancreed.comule.com, and the fonts are not loading in a certain page: sarkelliancreed.comule.com/contact。据我所知,在所有其他页面中,字体都在工作。我正在使用 @import 从不同的字体中获取样式表。主样式表 main.css 包含在 <link> 中。为什么字体不显示?

包含所有字体相关 CSS 的 CSS 文件 "header for html.css" 似乎没有包含在联系页面 header 中。加载联系页面时尝试检查源。

此外,一个好的建议是不要使用 "header for html.css" 之类的文件名,而是将其重命名为 "header_for_html.css".

之类的文件名

根据CSS 标准,任何@import 规则(和@charset 规则)都必须是CSS 文件中的第一个语句。请参阅此 link 了解更多信息:

http://www.w3.org/TR/CSS21/cascade.html#at-import

因此,如果您将 @import 部分移动到 CSS 文件的顶部,这可能会解决您的问题。

我还建议在以下站点验证您的代码:https://jigsaw.w3.org/css-validator/