0

おはようございます、

twitter-bootstrap と font-awesome フレームワークを使用して、最初の html プロジェクトの開発を開始しています。両方のリソースを問題なくページに含めました。しかし、表示され<i class="icon-wrench intro-icon-large"></i>ていないアイコンを使用しようとすると、代わりにストレージ シンボルが出力されます。

アイコン エラー エンコーディング

firebug を使用して要素を検査すると、html は正常に表示されますが、font-awesome.ss には次のように表示されます。

.icon-wrench:before {
    content: "";
}

ただし、エディターから css ファイルを開くと、次のように表示されます。

.icon-wrench:before{content:"\f0ad"}

指定されたパスに従ってすべてのリソースが正しくロードされ、アイコン画像もそこにあるため、この動作は私を混乱させます。

追加の事実として、これはネイティブのブートストラップ アイコンを含むすべてのアイコンで発生しました。

4

2 に答える 2

1

CDN を使用できます。含めるだけ

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<head>セクションで。

于 2013-11-17T17:24:25.460 に答える