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

问题描述：

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

你是100％肯定的字体已经注册为系统字体转换字体？许多字体应用程序并不总是如此，因为太多的注册字体会导致性能损失。 – TechZilla

答

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

不在这种情况下：'该页面只需要显示在这台计算机上.'这是可能的，而不使用'font-face' –

Stil ...为什么使用正确的css-way会很糟糕？没关系，如果它不是本地的，这是它完成的方式。 – JNDPNT

我删除了downvote，因为它可能确实最终是最好的解决方法。尽管如此，它应该有可能没有它 –

答

这不是一个系统字体。这种字体在其他系统中不受支持。你可以使用font-face，从这个Site或this

enter image description here

阅读问题。 '该页面只需显示在这台电脑上。' –

我认为下载的字体有问题。我使用这个font-family得到了正确的字体：“7 Segment”; 。但我正在使用Windows。你可以请再下载一次并安装。检查上面的图片 – Sanooj

@Sanooj font-face仍然是预先启动的。 –

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

相关推荐