如何更改html中标题的字体系列?

时间:2019-03-06 00:13:01

标签: html font-family

我学会了通过进行<p style="font-family:;></p>来更改正文中的字体字体,但是如何为标题做呢?另外,有没有办法为整个文档修复字体系列?

3 个答案:

答案 0 :(得分:0)

如果您真的要设置整个文档,则可以使用以下注释,除非指定!important(尽管我强烈建议您不要在如此庞大的选择器上使用!important),否则更具体的选择器将覆盖它:

body {
    font: normal 10px Verdana, Arial, sans-serif;
}

答案 1 :(得分:0)

您要在style.css中使用(html {}),因此,它将应用于(HTML)内部的任何元素。除非您另外明确指定。

在此问题上,在示例中,如果您要删除child1或child2字体家族,那么我给了您,如果要从正文中删除字体家族,则默认为body部分中的任何内容。将默认为HTML。

[

/*Change the font style on the Entire Document */
html{
  font-family: "Montserrat", sans-serif;  
  font-size: 1rem;
  color: Gray;
}

/*Change on the Body*/
body{
   font-family: "Montserrat", sans-serif;  
  font-size: 2rem;
  color: white;
  background-color: #333;
  text-align:center;
}
/*Change on a specific elements*/
#container .child1{
  font-family:  cursive;
  font-size: 2rem;
  color: white;   
  text-align:center;
  background-color: blue;
}

#container .child2{
  font-family: cursive;
  
  font-size: 2rem;
  color: white;
  background-color: green;
  text-align:center;
}

footer{
 font-family:  'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
<header>
  <p>I am the Header</p>
</header>

<div id="container">
    <div class="child1">
    <p>I am a Body Child</p>
    </div>

 <div class="child2">
      <p>I am another body Child</p>
    </div>
</div>

<footer> I am the Footer</footer>

] 1

答案 2 :(得分:-3)

您可以在HTML文件的head元素内编写样式元素,以在整个文档中全局应用样式:

<style>
title {
font-family:; /* usually the name of your font goes here */
}
</style>