css - 标题标签不继承 CSS 属性

Question

我为此代码添加了自定义字体。我想让我的 h1 标签继承 font-weight:bold; css 属性。

在我的 css 中，我在 body 标签中添加了 font-weight bold，它应该影响所有文本。我也试过将它放在 css 的 h1 标签中。

字体粗细影响除 h1 标签之外的所有内容。这是怎么回事？

@font-face {
    src:url(fonts/kohm.otf);
    font-family:'kohm';
}

body{
    background-color:silver;
    color:white;                               
    padding:20px 20px 20px 20px;
    font-family:"kohm";
    font-size: 14px;
    font-weight:bold;


}

h1{
    background-color:#ffffff;                
    background-color: hsla(0,100%, 100%, 0.5);
    color:#64645A;                              
    padding:inherit;                               

}

Answer 1

忽略我发现标题标签已经加粗的问题，所以 font-weight:bold;属性不会影响它。字体粗细:正常；取消加粗并调整字体大小。

然而，当我试图将字体设置为斜体或使其倾斜时 font-weight:italic;字体粗细:倾斜；它不会影响正文段落中的任何文本。为什么会这样？