CSS字體不工作

Question

我想導入一個CSS字體，但不幸的是它不工作，我真的不確定爲什麼。

文件系統中名爲'deadjim.ttf'的字體它放在我的主public_html裏面，是的，它是正確的路徑，訪問路徑下載文件。

@font-face { 
    font-family: 'deadjim'; 
    src: url('http://url.com/deadjim.ttf'); /*URL to font*/ 
} 

我試過清理我的緩存，但這也沒有奏效。顯然它是在Safari上工作，但我沒有辦法檢查有沒有Windows PC

Answer 1

請確保您正在調用像正常的字體; @ font-face不會將任何樣式應用於html，它只是定義了字體。

#Define your font 
@font-face { 
    font-family: 'deadjim'; 
    src: url('http://url.com/deadjim.ttf'); /*URL to font*/ 
} 

#Will apply the font as default on the entire page 
html, body{ 
    font-family: 'deadjim'; 
} 

Answer 2

爲了確保您的字體在所有的瀏覽器/大多數平臺上工作，你需要做一些類似的（與提供的所有格式） - 這是不夠的，只是有.TTF文件。

這裏包括FontAwesome的例子：

@font-face { 
    font-family: 'fontawesome'; 
    src: url('fontawesome-webfont.eot?v=4.7.0'); 
    src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
     url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
     url('fontawesome-webfont.woff?v=4.7.0') format('woff'), 
     url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
     url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}