firefox inspector中的所有css字体族定义都被删除

我正在使用Firefox的Inspect元素函数来确定某个元素使用了哪种字体。 在我的实际情况中，我只能在“规则”窗格中找到经过笔划的字体族定义。我认为它们已经被另一个CSS规则覆盖到了更高的位置。但是没有字体族的定义，它不会在规则窗格中被划过。 最多的一个显示如下：

.helvetica neue websave{
字体系列：“HelveticaNeue”、“Helvetica Neue”、Helvetica、Arial、Verdana、无衬线
}

另一方面，当我查看inspector的字体窗格时，我看到元素的字体系列是Helvetica Neue Condensed Bold，但我无法找到它的定义位置

编辑：计算窗格声明它使用HelveticaNeue、'Helvetica Neue'，Helvetica、Arial、Verdana和sans serif，但它肯定是压缩版本

那么，有谁可以指导我如何找到这个字体族定义的位置？？？ 它不在HTML本身中，也不在我在规则窗格中看到的CSS文件中。

---

希望我的问题很清楚，对不起我的英语

你看到字体系列是“Helvetica Neue Condensed Bold”还是字体系列使用的字体资源是“Helvetica Neue Condensed Bold”？因为这是两件完全不同的事情。听起来像是后者，在这种情况下：CSS根据提供的名称向浏览器请求“字体”

浏览器会检查是否绑定了任何显式资源（使用@font-face），如果没有，则会要求操作系统提供与指定CSS名称匹配的字体

如果操作系统找不到它们，CSS将返回到下一种字体并重试。重复步骤1和2，直到资源耗尽

在任何时候，浏览器或操作系统都可以选择“是的，我找到了一些东西”，只要他们知道匹配的资源的名称“足够好”，所以如果你要求Helvetica Neue，而操作系统最终被要求这样做，那么它可以选择“哦，是的，我这里有一个Helvetica Neue”，然后给浏览器Helvetica Neue。这是100%可以接受的：它是“Helvetica Neue”众多合法匹配之一，因为这是实际的姓氏，“普通”、“浓缩”、“瘦”、“斜”等都不是

如果您在开发时不能接受这一点，那么您的CSS需要变得更加精确：要么开始只接受

“Helvetica Neue Regular”

，这是一个糟糕的计划，要么加载一个实际的字体，这样您就可以在不咨询操作系统的情况下正确控制要使用的字体。特别是对于一种只有Mac用户才会安装的字体（unix、linux和windows用户都不会安装，而且需要先购买），因此在其他平台上肯定会有突破

---

使用您想要的字体创建一个

@font-face

规则，使用

字体系列

如

ContentFont

（这样，如果您以后想要不同的字体，您所要做的就是替换

src

绑定，而不更改任何内容CSS），然后将其指向真正的

.woff

字体资源（不使用

local（）

，因为同样，也不能保证你会得到你想要的，它可能会解决“足够好”的问题，而人的眼睛是绝对错误的）

您在css中提到的字体很可能不被浏览器/系统识别，当这种情况发生时，浏览器会将丢失的字体替换为最接近的匹配字体，这有时可能是一种痛苦。在Chrome上有一个“计算”字体选项卡，显示实际应用的规则。在您的情况下，它可能被某个父元素覆盖，而不一定是元素本身，这就是为什么您可能看不到它在元素中设置的原因。FF还有这个计算选项卡，显示is使用“HelveticaNeue，'Helvetica Neue'，Helvetica，Arial，Verdana，sans serif”，但这不是真的，因为它使用“压缩”版本。因此，必须在某个地方定义“Helvetica Neue condensed Bold”（因为我猜它不是websafe字体）？？PS：我也查看了所有父元素，但我找不到该压缩字体类型的声明。。。