Bootstrap Navbar字体更改查询

时间:2015-05-10 19:21:55

标签: twitter-bootstrap fonts font-face navbar

我一直在寻找,但似乎无法找到这个问题的答案。我找到了很多自定义页面,但没有找到任何字体。

如何更改引导导航栏的字体?我是一个新的引导程序,并会很感激一些指导。

提前感谢!

2 个答案:

答案 0 :(得分:0)

首先,您需要使用CSS选择导航栏,使用!important或其类或ID。

然后,我们需要使用CSS定义navbar { font-family:Verdana !important; } ,使用if($newdeployment) :r .\scripts\insertstaticdata.sql 覆盖原始的Bootstrap CSS

当我们将它们放在一起时,它看起来像这样:

[1]: http://jsfiddle.net/aqeelpld/7yydg1nt/2/

希望这有帮助!

答案 1 :(得分:0)

首先指定外部范围,例如:“ navbar”类。

然后,指定要更改其字体的文本周围标签的名称/类,这通常是锚标签:a

例如,以下CSS代码对我有用:

.navbar a{
    font-family: Verdana !important;
}

我的html代码如下所示:

<nav class="navbar bg-dark">
   <div class="collapse navbar-collapse">
      <ul class="navbar-nav">
          <li class="nav-item">
             <a class="nav-link" href="/">Home</a>
          </li>
          <li class="nav-item">
             <a class="nav-link" href="/about">About</a>
          </li>
          <li class="nav-item">
             <a class="nav-link" href="/posts">Posts</a>
          </li>
             .
             .
             .