为什么 CSS @font-face 规则似乎只适用于某些字体？答案

【问题标题】：Why does the CSS @font-face rule only seem to work with some fonts?为什么 CSS @font-face 规则似乎只适用于某些字体？
【发布时间】：2012-08-25 01:34:11
【问题描述】：

我去以下网站查看了一些可爱的自定义字体：

http://www.fontspace.com/category/ninja

如果我尝试使用以下 CSS 使用“Last Ninja”字体，它不起作用（该字体在我的浏览器中看起来就像 Times New Roman）：

@font-face {
  font-family: LastNinja;
  src: url("/lastninja.ttf") format("truetype");
}

h1 {
  font-family: LastNinja;
}

但如果我对“Japonesa”字体使用相同的代码，它就可以工作：

@font-face {
  font-family: Japonesa;
  src: url("/japonesa.ttf") format("truetype");
}

h1 {
  font-family: Japonesa;
}

我在 Chrome 和 Firefox 上都试过了。知道发生了什么吗？

【问题讨论】：

如果没有演示（例如，如果它是现场的，一个指向该网站的链接？），真的很难找出发生了什么。

标签： css fonts font-face

【解决方案1】：

我试过了，也遇到了同样的问题。字体似乎损坏或不标准，甚至http://www.fontsquirrel.com 拒绝转换字体。

编辑：CodeAndMore 服务能够转换此字体（它仅转换为 svg 格式）。 Preview，Download

编辑 2：解决方案
使用任何 font converter 将字体从 .ttf 转换为 .ttf，并改用转换后的 .ttf。这对我有用，在 Chrome 中测试过。

【讨论】：