自定义字体不会显示在我的网页

我有一套特定的字体，我想在我为我的类项目构建的Web应用程序上实现。现在，我通过GitHub页面托管在GitHub上。索引页目前使用4个CSS文件，一个用于Animate.css，整个应用程序的一般CSS文件，Bootstrap的CSS文件，以及另一个专门用于该文件的CSS文件。自定义字体不会显示在我的网页

在一般的web应用程序的CSS文件，名为custom.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运行页面，字体不会显示出来。最近，字体甚至不会从我自己的电脑上运行。我做错了什么？任何帮助表示赞赏。

来源

2016-02-07 J-Play

你怎么样试试这个在您的fonts.css

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

调用它带回

font-family: 'FuturaStd-HeavyOblique';

不知道引号无所谓，但我相信@type-face应该@font-face

来源

2016-02-07 21:30:57

好，我试过了，但没有改变。 –

我不知道那是什么，我知道的是：几个月前我也遇到了麻烦，从其他地方重新下载字体可以解决问题。你的字体文件夹是否在你的CSS文件夹之外？因为也许你需要纠正你的URL路径。 –

我的字体文件夹在我的CSS文件夹之外。我会看到正确的URL路径。 –

自定义字体不会显示在我的网页

回答

相关问题