CSS font-family继承标题

Question

如果我想使用正文中使用的字体系列作为标题，我可以简单地使用inherit属性，但是如果我想使用除标题中使用的字体之外的其他字体系列呢？

例如，我可以这样做：

h1 { font-family:'Noto Sans', sans-serif; }
h2 { font-family:'Noto Sans', sans-serif; }
h3 { font-family:'Noto Sans', sans-serif; }
h4 { font-family:'Noto Sans', sans-serif; }
h5 { font-family:'Noto Sans', sans-serif; }
h6 { font-family:'Noto Sans', sans-serif; }

但我想知道标题标签的父子层次结构（如果有的话） 看看我是否能做到这一点并避免重复。

h1 { font-family:'Noto Sans', sans-serif; }
h2 { font-family:inherit; }
h3 { font-family:inherit; }
h4 { font-family:inherit; }
h5 { font-family:inherit; }
h6 { font-family:inherit; }

Answer 1

不幸的是，所有标题标记都是单独的元素，并且不遵循您列出的任何类型的继承规则。

您可以尝试同时设置所有font-family设置，就像使用以逗号分隔的列表一样。

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
}