CSS级联优先级混乱

Question

我很担心为什么this website <h1> font-family Helvetica body（至少在Chrome浏览器中查看）。

从Google Developer Tools看，font-family似乎是从Bootstrap CSS的font-family规则继承而来的（请参阅bootstrap.min.css）。

names.css文件不应该优先吗？这会明确地在Lobster标记上设置h1 {{1}}。

Answer 1

这不是选择器优先级问题：Chrome不会接受inherit的{​​{1}}属性作为后备。删除它，你会得到你想要的字体。

The standart says font-family接受字体列表，或 font-family特殊值，但不是两者的混合。我很确定如果列表中没有找到字体，它会回退到inherit。

Answer 2

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

你宣布了@font-face {}吗？它看起来像我没有正确安装字体，因为Chrome不知道如何处理它。

---

修改

删除inherit可以解决问题。