CSS Font-face不工作

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-file是不够的。

下面是一个包含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;
}