私はFont Awesomeを使い始めたばかりで、パッケージ内のファイルを参照する際に何か間違ったことをしているに違いありません。<i class="icon-music"></i>
たとえば、アイコンが表示されません。
以下は、構造に準拠するようにファイルパスを変更したことを除いて、デフォルトの css です。
@font-face {
src: url('../Font/fontawesome-webfont.eot?v=3.2.1');
src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
}
相対パスはフォルダー内のすべてのフォント タイプで正しい必要がFont
あり、このフォルダーはContent
スタイルシートを含むフォルダーと同じレベルにあります。
ブラウザーをチェックするために、スタイルシートのフォント名にクエリ文字列が追加されていますか? もしそうなら、私が ie7 条件付きコメントを含む html ページで行ったことは無効であるはずです。
<link rel="stylesheet" media="all" href="@Url.Content("~/Content/font-awesome.css")" />
<!--[if IE 7]>
<link rel="stylesheet" media="all" href="@Url.Content("~/Content/font-awesome-ie7.css")" />
<![endif]-->
スタイルシートのフォント名の後のクエリ文字列を削除し、代わりに ie7 条件ステートメントを保持する必要がありますか、またはその逆ですか? それとも、問題を引き起こしていると思われる他の何かですか?