【问题标题】:Change Navbar Logo Font更改导航栏徽标字体
【发布时间】:2014-07-21 13:19:10
【问题描述】:

有没有办法改变标志的字体,而不必改变整个页面的字体?

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

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

【问题讨论】:

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


    【解决方案1】:

    尝试将 font-family 添加到内联样式标签。在下面的例子中,如果你更改字体系列,那么只有 logo 的字体会更改为指定的字体。

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

    【讨论】:

    • 啊。我得稍微弄乱一下。你肯定把我推向了正确的方向。非常感谢!
    【解决方案2】:

    将 HTML 链接到附加的 CSS 类选择器。在这个例子中我们称之为changeFont

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

    将类添加到锚点

    <a class="changeFont">Logo Text</a>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-01-19
      • 1970-01-01
      • 2018-02-13
      • 1970-01-01
      • 2012-01-14
      • 2011-08-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多