在CSS中使用自定义(ttf)字体

前端之家收集整理的这篇文章主要介绍了在CSS中使用自定义(ttf)字体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个mac,并安装了一个名为“7 Segment”的字体(它显示在Font Book中).当我使用font-family:“7 Segment”;我得到Helvetica(或类似的),而不是浏览器的默认字体,但它仍然没有显示正确的字体.该页面仅需要在此计算机上显示.我将如何使用此页面上的字体?谢谢.

解决方法

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

猜你在找的CSS相关文章