Bootstrap 3 Navbar徽标字体

时间:2014-06-01 06:31:46

标签: css twitter-bootstrap twitter-bootstrap-3

有没有办法在不更改整个页面的字体的情况下专门更改徽标的字体?或者我是否必须使用该字体创建图像并插入导航栏?

我想使用Google字体中的字体作为徽标。

2 个答案:

答案 0 :(得分:3)

尝试将font-family添加到内联样式标记。在下面的示例中,如果更改字体系列,则只有徽标字体会更改为指定的字体。

<a
   class="navbar-brand logo" 
   href="/" 
   style="font-family:verdana;font-size: 21px; color: #555">
   Sometext
</a>

答案 1 :(得分:2)

创建一个额外的CSS类选择器。让我们说changeFont

 .changeFont
    {
       font-family: 'Some font name' !important;
    }

将类添加到锚点

<a class="navbar-brand changeFont">Logo Text</a>