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>
.
.
.
这对我不起作用,它也改变了我所有的图标