CSS级联优先级混淆

Question

我很困惑为什么<h1>的this website有font-family的Helvetica（至少在Chrome中查看时）。

在Google Developer Tools中，它看起来像是从Bootstrap CSS的body规则（请参阅bootstrap.min.css）继承的字体系列。

不应该names.css文件优先吗？明确地在h1标记上设置了font-family的Lobster。

Answer 1

这不是一个选择优先问题：Chrome浏览器将不接受inherit属性font-family作为后备。删除它，你会得到你想要的字体。

The standart says是font-family接受字体，或的inherit特殊值的列表，而不是两者的混合。我相当肯定，如果在列表中找不到字体，它会回退到inherit。

Answer 2

当我打开该网页时，Chrome会在该行上给我一个黄色感叹号三角形，所以它不处理该CSS字体规范。

您是否声明了@font-face {}？它看起来像字体安装不正确，因为Chrome不知道如何处理它。

---

编辑：

卸下inherit解决了这个问题。