2

私はフォントの素晴らしい（4.0.3）とブートストラップ（3.0.0）を使用していますが、フォントを変更したいだけです。しかし問題がある。"font awesome" の "fa fa-group" などのすべての css クラスは表示されなくなり、代わりに "F06E" のような Unicode 記号が入った小さな四角形 (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

問題は、アンカー タグに FA クラスがあることです。代わりに、インライン コンテンツ (イタリック タグなど) に、アンカー タグの inner-html として属している必要があります。

このコード (および JSFiddle の例を使用) では、同じタグで 2 つのフォントを使用しようとしています。アイコンには FA フォント、通常のテキストには Helvetica フォントです。これが、ドロップダウン トグルでは機能するが、ドロップダウン要素では機能しない理由でもあります。

単なるテキストではなく、アンカーへの内部 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 に答える