css - 是否可以在样式表中强制使用 "font priority"？

Question

在各种浏览器中，当使用特定字体时(例如 - Helvetica Neue)，如果未找到该字体，则使用直系字体中的第一个字体。因此，如果我要指定 Arial Narrow 是元素的基本字体样式，而我的读者没有这种字体，它将转到系统可以找到的第一个可用的 Arial 字体。

作为练习，许多站点都喜欢 Helvetica 字体(尤其是“Neue”和“Condensed”版本)。他们通常指定 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 相信浏览器会沿着这条特定的路径前进，并且每种字体都应该很好用，第一个列出的是最合适的.然而，Firefox/IE/Chrome(所以我假设是 webkit 浏览器)都无法找到所需的特定 Helvetica 字体，并直接移动到他们在 Helvetica 家族中遇到的第一个字体。有人会认为这是 Helvetica，但在我的系统上它默认为 Helvetica 95 Black。我什至尝试重命名字体文件以查看是否是这个原因，无论文件名如何，结果都是页面默认为 Helvetica Black。我发现 Arial 也是这种情况。

因此，除了试图解释 Helvetica、Arial、Verdana、Tahoma 等各种字体的每一种风格之外，是否有办法强制浏览器停止“猜测”家族并仅接受有问题的确切字体？

Answer 1

首先，这里是对 font matching algorithm 的描述如 CSS 2.1 规范中所述(或 CSS 3，如果您愿意)。不过，这是一个棘手的问题，正如概述算法细节之前的免责声明所证明的那样:

Because there is no accepted, universal taxonomy of font properties, matching of properties to font faces must be done carefully. The properties are matched in a well-defined order to insure that the results of this matching process are as consistent as possible across UAs (assuming that the same library of font faces is presented to each of them).

另外，请注意，您必须将任何包含空格的字体名称用单引号或双引号引起来，根据 section 15.3 .