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

Question

我有一个mac，并安装了一个名为“7 Segment”的字体（它显示在Font Book中）。当我使用font-family: "7 Segment";时，我得到的是Helvetica（或类似的）而不是浏览器的默认字体，但它仍然没有显示正确的字体。该页面只需要在此计算机上显示。我如何使用此页面上的字体？感谢。

Answer 1

您需要使用css-property 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

Answer 2

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

中的字体