Html 自定义字体未显示在我的网页中

我有一套特殊的字体，我想在我为我的班级项目构建的web应用程序上实现。现在，我通过GitHub页面将所有内容都托管在GitHub上。索引页当前使用4个CSS文件，一个用于，整个应用程序的通用CSS文件，引导的CSS文件，然后是专门用于它的另一个CSS文件

在名为custom.CSS的通用web应用CSS文件中，我有以下代码：

@CHARSET "ISO-8859-1";

@type-face {
font-family: FuturaStd-HeavyOblique;
src: url('fonts/FUTURASTD-HEAVYOBLIQUE.OTF');
}

@
type-face {
    font-family: COUTURE Bold;
    src: url('fonts/COUTURE-Bold.ttf');
}

.body {
    background-color: black;
    color: white;
    height: 100%;
}

这是我的index.css文件：

body {
    background-image: url('../images/flyknit.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    -webkit-background-size: cover;
}

.indexTitle {
    font-family: FuturaStd-HeavyOblique;
    text-align: center;
}

h1 {
    font-size: 500%;
}

.buttonBox {
    margin-top: 150px;
    text-align: center;
    font-family: FuturaStd-HeavyOblique;
}

#bbText {
    text-align: center;
}

a {
    color: white    
}

---

起初，这些字体在我的电脑上运行良好，因为我已经安装了它们。但是如果我通过GitHub运行页面，字体不会显示。最近，这种字体甚至不能在我自己的电脑上使用。我做错了什么？非常感谢您的帮助。

您可以在您的fonts.css中尝试一下吗

@font-face {   
font-family: 'FuturaStd-HeavyOblique'; 
src: url('fonts/FUTURASTD-HEAVYOBLIQUE.OTF');
}

打电话给我

font-family: 'FuturaStd-HeavyOblique';  

---

不确定引号是否重要，但我认为

@type-face

应该是

@font-face

在字体中试试这个怎么样

@font-face {   
font-family: 'FuturaStd-HeavyOblique'; 
src: url('fonts/FUTURASTD-HEAVYOBLIQUE.OTF');
}

打电话给我

font-family: 'FuturaStd-HeavyOblique';  

---

不确定引号是否重要，但我相信

@type-face

应该是

@font-face

我不知道它是什么，我知道的是：几个月前我也遇到了问题，从其他地方重新下载字体修复了问题。字体文件夹是否在CSS文件夹之外？因为你可能需要更正你的URL路径。我的字体文件夹在我的CSS文件夹之外。如果您的字体文件夹位于custom.css下面1，我将查看如何更正URL pathing.URL（“../fonts”），否则将字体放置在与css相同的文件夹中。我更改了URL路径，但仍然没有任何更改。我不知道是不是我的电脑。我很快就会换一件。很抱歉延迟。很抱歉响应太晚，但是您是否检查了otf是否已损坏？或者你已经整理好了吗？我不知道那是什么，我知道的是：几个月前我也遇到了问题，从其他地方重新下载字体修复了这个问题。字体文件夹是否在CSS文件夹之外？因为你可能需要更正你的URL路径。我的字体文件夹在我的CSS文件夹之外。如果您的字体文件夹位于custom.css下面1，我将查看如何更正URL pathing.URL（“../fonts”），否则将字体放置在与css相同的文件夹中。我更改了URL路径，但仍然没有任何更改。我不知道是不是我的电脑。我很快就会换一件。很抱歉延迟。很抱歉响应太晚，但是您是否检查了otf是否已损坏？还是你已经解决了？