我使用的字体真棒(4.0.3)和引导程序(3.0.0),我只想更改字体。
但有一个问题。
不再显示“ font awesome”中的所有css类,例如“ fa fa-group”,而是其中显示了一个带有Unicode符号的小矩形,例如“ F06E”(分两行)(文本已格式化,但符号将被转换为unicode文本)。

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

最好的问候马丁

最佳答案

问题是您的Anchor标签上有FA类。相反,它们需要作为Anchor标签的inner-html属于内联内容(例如,斜体标签)。

使用此代码(并使用您的JSFiddle示例),您试图在同一标签上使用两种字体:图标的FA字体和普通文本的Helvetica。这也是为什么它在您的Dropdown Toggle上起作用,而不在dropdown元素上起作用的原因。

因为您需要内部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>

关于css - 字体很棒(4.0.3)+ bootstrap (3.0.0)+ asp.net:更改字体系列,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22635426/

10-12 00:17
查看更多