Question

我正在使用font awesome（4.0.3）和bootstrap（3.0.0），我只想更改字体。但有一个问题。来自“font awesome”的所有css类如“fa fa-group”将不再显示，而是有一个带有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;
}

我该怎么办？！

Live-example on JSFiddle

最好的问候马丁

Answer 1

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

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

因为您需要内部HTML到锚点，而不仅仅是直接文本，您需要使用不同的帮助程序;使用Url.Action就像在Dropdown Toggle中一样，构建链接的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>

font awesome（4.0.3）+ bootstrap（3.0.0）+ asp.net：更改字体系列

1 个答案: