更改Navbar徽标字体

问题描述 投票:1回答:2

是否有一种方法可以更改徽标的字体,而不必更改整个页面的字体?

或者我是否必须使用该字体创建图像并将其插入导航栏?

我想将Google字体中的字体用于徽标。

html css twitter-bootstrap twitter-bootstrap-3 frontend
2个回答
3
投票

尝试将字体家族添​​加到嵌入式样式标签中。在下面的示例中,如果您更改字体系列,则仅徽标的字体更改为指定的字体。

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

3
投票

将HTML链接到其他CSS类选择器。在本示例中,我们将其称为changeFont

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

将课程添加到锚点

<a class="changeFont">Logo Text</a>
© www.soinside.com 2019 - 2024. All rights reserved.