css - 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

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

作为一个更全球化和平台独立的解决方案，您可以使用网络字体，然后使用您的 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 */
}

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