@ font-face字体在本地工作正常，但当推送到服务器时，它只显示为默认的HTML字体

Question

更新：已修复，请参阅以下

原来我的字体文件夹中的字体名称为'Close.otf'，代码中的'close.otf'，我猜我的代码在本地工作正常，因为它不区分大小写，GitHub的服务器虽然很明显。只需将C从大写更改为小写即可修复，现在字体显示正常。

...

我正在构建一个网站，对于标题我使用名为“close.otf”的自定义字体。现在，在将我的更改推送到我的GitHub页面回购之前，我在本地编辑我的css和html文件。

所以我在我的本地CSS文件中使用@ font-face规则添加了自定义字体，用Chrome打开了该文件，它显示完全正常，如您所见：

但是，在将CSS文件和HTML文件推送到托管我的网站的GitHub服务器时，出于某种原因，在Chrome中加载网站时，字体显示如下：

以下是我使用的代码：

@font-face
{
    font-family:"close";
    src: url("../fonts/close.otf") format("opentype");
}

是的，因为本地文件是GitHub仓库的克隆，所以不是一些简单的错误，比如确保它与地址等在同一个文件夹中。

值得注意的是，我添加到网站的所有其他自定义字体都完全正常，就像导航链接中使用的标题下面的字体一样。

任何人都知道如何解决这个问题？

Answer 1

您是否使用浏览器中的开发人员工具查看服务器正在发送的内容？您的浏览器正在请求字体文件，但服务器可能正在返回禁止，未找到或其他一些有助于您排除故障的错误。