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

Question

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

如果我尝试使用以下 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 上都试过了。知道发生了什么吗？

score 3 · Accepted Answer

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

编辑：CodeAndMore服务能够转换这种字体（它只转换为 svg 格式）。预览,下载

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

1 回答 1