我使用的字体真棒(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/