在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