2

我正在使用字体 awesome(4.0.3) 和 bootstrap(3.0.0)，我只想更改字体。但有一个问题。所有像“font awesome”中的“fa fa-group”这样的css类都不会再显示了，而是有一个带有Unicode符号的小矩形，比如“F06E”（分成2行）（文本已格式化，但符号将被转换为 unicode-text)。

HTML：

<li class="dropdown">
<a href="@Url.Action( "Management", "MasterData")" class="dropdown-toggle"><i class="fa fa-cog"></i> Stammdaten</a>
<ul class="dropdown-menu">
<li>@Html.ActionLink(" Verwaltung", "Management", "MasterData", null, new { @class = "fa fa-group" })</li>
</ul>
</li>

CSS：

.navbar .nav li  a {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif ;  
    text-decoration:underline;
}

我能做些什么 ？！

JSFiddle 上的实例

最好的问候马丁

4

1 回答 1

4

问题是您的 Anchor 标签上有 FA 类。相反，它们需要属于内联内容（例如斜体标记），作为 Anchor 标记的内部 html。

使用此代码（并使用您的 JSFiddle 示例），您尝试在同一标签上使用两种字体：图标的 FA 字体和普通文本的 Helvetica 字体。这也是为什么它适用于您的 Dropdown Toggle，但不适用于下拉元素的原因。

因为锚点需要内部 HTML，而不仅仅是纯文本，所以需要使用不同的帮助器；Url.Action就像在下拉切换中一样，使用 来构建链接的 HREF 值，而不是构建Html.ActionLink整个链接标签。

试试这个

<li class="dropdown">
  <a href='@Url.Action( "Management", "MasterData" )' class="dropdown-toggle"><i class="fa fa-cog"></i> Stammdaten</a>
  <ul class="dropdown-menu">
    <li><a href='@Url.Action( "Management", "MasterData" )'><i class="fa fa-group"></i> Verwaltung</a></li>
  </ul>
</li>
于 2014-03-25T14:06:27.257 回答