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

Question

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

Answer 1

您需要使用css-property font-face来声明您的字体。

例：

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