在CSS中使用自定义（ttf）字体

Question

我有一台Mac电脑，并且已经安装了一个名为“7 Segment”的字体（在字体册中可以看到）。当我使用 font-family: "7 Segment"; 时，浏览器的默认字体变成了Helvetica（或类似字体），但仍未显示正确的字体。页面只需在这台计算机上显示。请问如何在此页面上使用该字体？ 谢谢。

- JJJollyjim

---

你能百分之百确定该字体已经注册为系统字体了吗？许多字体应用并不总是这样做，因为注册太多的字体可能会导致性能下降。 - J. M. Becker

Answer 1

您需要使用CSS属性font-face来声明您的字体。可以参考这个漂亮的网站：http://www.font-face.com/

示例：

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeue-Bold"),
       url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

参见：MDN @font-face

- JNDPNT

---

不需要使用 font-face，就可以在这台电脑上显示页面。 - Pekka

为什么使用正确的CSS方式会有问题？无论是本地还是不本地，这都是正确的方法。请问您需要翻译此段内容吗？ - JNDPNT

我取消了踩的操作，因为它可能最终成为最佳解决方法。不过，如果没有踩也应该是可行的。 - Pekka

Answer 2

这不是系统字体。其他系统不支持此字体。您可以使用font-face，从Site或this转换字体。

- Sanooj

---

阅读问题。 “该页面只需在此计算机上显示。” - Pekka

我认为下载的字体有些问题。我使用了这个字体族： "7 Segment"，得到了正确的字体。但是我正在使用Windows系统。你能否再次下载并安装一下呢？请检查上面的图片。 - Sanooj

@Sanooj font-face仍处于预发布阶段。 - max pleaner

@Sanooj 谢谢你的想法。 - Abhay Shiro