css - 特定于机器的字体系列

Question

我正在为自己编写一个示例网络应用程序，以便在我的计算机上运行。我想使用我的机器“Helvetica Neue UltraLight”上存在的字体。但是我无法让浏览器使用该字体。它可以使用“Helvetica Neue”而不是Ultralight风味。

由于

Answer 1

您必须确定计算机中特定字体的名称并使用它。或者，您可以将@font-face与特定的字体文件名一起使用，前提是您使用所使用的浏览器识别的字体格式。

如果不能轻易猜到字体的名称，您可能需要采用漫长的途径来分析字体，例如： DTL OTMaster Light。根据CSS规范，要使用的名称是PostScript名称或字体的全名。这些可以在名称表中的nameID值6和4对应的条目中找到。

或者您可以采用不同的路线并使用字体列表工具，例如http://hasseg.org/stuff/fontList/example.html或http://www.fileformat.info/info/unicode/font/fontlist.htm

Answer 2

根据您的操作系统，您必须在操作系统上安装该字体并检查其在系统中安装的名称，即不仅是字体的文件名。

作为一个更加全球化且独立于平台的解决方案，您可以使用Web字体，然后使用CSS实现它。以下网站将为您提供帮助：

http://www.font2web.com/

Answer 3

从您的CSS文件中（或您定义样式的任何位置），您必须以下列方式引用该自定义字体：

@font-face {
    font-family: cool_font;
    src: url('cool_font.ttf');
}

之后你可以像普通的CSS声明一样使用它：

p.custom_font{
    font-family: cool_font; /* no .ttf */
}

通过这种方式，您可以在网站上使用尽可能多的自定义字体。