自定義字體不會顯示在我的網頁

我有一套特定的字體，我想在我爲我的類項目構建的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路徑。 –

自定義字體不會顯示在我的網頁

回答

相關問題