css - css 规则 font-family 是覆盖所有继承的字体还是只是添加更多选项？

Question

我有这个问题：

body{
  font-family: 'MyFontFace-font', 'Lucida Grande', Tahoma, Verdana, Arial, etc.
}

H1 {
 font-family: 'MyFontFace-font2'
}

我的问题是：如果没有加载第二种字体（'MyFontFace-font2'），H1 的字体会从正文继承，还是从浏览器的默认值继承？

非常感谢。

score 6 · Accepted Answer

将应用浏览器的默认后备字体，并且body忽略任何设置。

当您将值分配给元素的属性时，例如font-family此处h1，继承将永远不会应用于该元素上的该属性（除非您分配值inherit并且浏览器支持该值）。这不会被诸如指定不存在字体的值之类的偶然事物改变。

我还使用以下更简单的文档（在没有命名字体MyFontFace-font2但字体命名为的系统上Tahoma）对此进行了测试：

<!doctype html>
<title>Test5</title>
<style>
body{
  font-family: Tahoma;
}
H1 {
  font-family: 'MyFontFace-font2'
}
</style>
<h1>Hello world</h1>

在 Chrome、Firefox、IE 中，结果是使用浏览器的默认字体，而不是 Tahoma。这是规范的预期结果。

如果H1省略了规则，则使用 Tahoma，由于继承 -然后元素h1将从font-family其父元素继承属性。

1 回答 1