Bootstrap Header 不使用 CSS 字体系列

Question

我是网页设计、html 和 css 的新手，但根据我的经验发现 bootstrap 是可行的。我的问题是我无法弄清楚为什么我的字体系列没有被我的页眉拾取。我已经加载了 Google 字体 html 代码，并将 font-family CSS 添加到我能想到的几乎所有地方，而没有任何更改被 html 代码拾取。我想要整个标题，但只有标题使用 Cantarell。

这是我脑海中由谷歌提供的代码

    <link href='http://fonts.googleapis.com/css?family=Cantarell|Open+Sans' rel='stylesheet' type='text/css'>


    <span itemscope itemtype="http://schema.org/LocalBusiness"> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
          <li class="list-img"><a href="/index.html"><img src="wildfly.png" alt=" "></a></li>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a href="/aboutme.html">ABOUT ME</a></li>
    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">DROPDOWN<span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
        <li><a href="/pineisland.html">Pine Island</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li><a href="#">Separated link</a></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
</li>
        <li class="navbar-link"><a rel="author" href="#" target="_blank">CAPT&#039;S BLOG</a></li>
    <li><a href="/media.html">MEDIA</a></li>
    <li><a href="/rates.html">RATES</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#" target="_top"><span itemprop="email">##</a></li>
    <li class="number">| 123.123.1234</li>
      </ul>



.navbar li, p, a:link, a:visited {
display: inline;
font-size: 15px;
text-decoration:none;
color: #898989;
font-family: 'Cantarell', sans-serif;
}

.navbar li a:hover,ul#nav li.selected {
color:  #FFF ;
font-weight: bold;
 }

 .navbar-link  a:visited {
color: #898989;
}

 .navbar li.active a {
color: #FFF;
text-decoration: underline;
font-size:16px;
font-weight: bold;
border-radius: 10px;
 }

.navbar img {   
height: 65px;
 }

.navbar li.number {
color: #BFBFBF;
font-size:20px;
font-style:italic;
} 

.number {
text-decoration:none;
    padding-top:9px
}

 .navbar-collapse {
padding-top: 7px;
text-transform: uppercase;
padding-left: 5px;
padding-right: 5px;

 }

 .navbar-right {
color: #BFBFBF;
padding: 5px;
padding-top: 0px;
text-transform: none;
}

我是编码网站的新手，因为这是我的第一个网站，但如果有任何帮助，我将不胜感激！

Answer 1

您需要添加 font-family: 'Cantarell';到你的身体课。添加您自己的样式表，例如all.css（一定要在脑海中调用它）并添加...

body { font-family: 'Cantarell'; }