Как изменить семейство шрифтов заголовка в HTML? - PullRequest
Новая
       35

Как изменить семейство шрифтов заголовка в HTML?

0 голосов
/ 06 марта 2019

Я научился изменять семейство шрифтов текста в теле, выполнив <p style="font-family:;></p>, но как бы я сделал это для заголовка? Кроме того, есть ли способ исправить семейство шрифтов для всего документа?

Ответы [ 3 ]

0 голосов
/ 06 марта 2019

Если вы ДЕЙСТВИТЕЛЬНО хотели установить весь документ, вы можете использовать нижеприведенное, отметив, что более конкретные селекторы будут переопределять его, если вы не укажете! Важный (хотя я настоятельно рекомендую не использовать! Важный для такого обширного селектора): 

body {
    font: normal 10px Verdana, Arial, sans-serif;
}
0 голосов
/ 06 марта 2019

Вы хотите использовать (html {}) в вашем style.css. Следовательно, он будет применяться к любому элементу внутри вашего (HTML). если вы явно не укажете иное.

Далее по этому вопросу, на примере, который я дал вам, если вы хотите удалить font-family child1 или child2, он по умолчанию будет иметь то, что находится в разделе body, если вы хотите удалить font-family из body it по умолчанию будет 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

0 голосов
/ 06 марта 2019

Вы можете кодировать элемент стиля в элементе head вашего HTML-файла, чтобы применять стили глобально ко всему документу: 

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