Twitter bootstrap 引导导航栏字体更改查询

Twitter bootstrap 引导导航栏字体更改查询,twitter-bootstrap,fonts,font-face,navbar,Twitter Bootstrap,Fonts,Font Face,Navbar,我已经搜索了一段时间,似乎找不到这个问题的答案。我发现了许多定制页面,但没有字体 如何更改引导导航栏的字体?我也是新手,希望能有一些指导 提前谢谢 首先,您需要使用CSS选择导航栏,或者使用导航栏或其类或id 然后,我们需要使用CSS定义字体族,并使用CSS覆盖原始引导CSS!重要的 当我们把它放在一起时,它看起来像这样: navbar { font-family:Verdana !important; } <nav class="navbar bg-dark"> <d

我已经搜索了一段时间,似乎找不到这个问题的答案。我发现了许多定制页面,但没有字体

如何更改引导导航栏的字体?我也是新手,希望能有一些指导


提前谢谢

首先,您需要使用CSS选择导航栏,或者使用导航栏或其类或id

然后,我们需要使用CSS定义字体族,并使用CSS覆盖原始引导CSS!重要的

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

navbar { font-family:Verdana !important; }
<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>
             .
             .
             .

希望这有帮助

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

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

例如,此css代码适用于我:

.navbar a{
    font-family: Verdana !important;
}
我的html代码如下所示:

navbar { font-family:Verdana !important; }
<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>
             .
             .
             .

这对我不起作用,它也改变了我所有的图标