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; 
}