-2

アイコンフォントを使ったシンプルなWebページページを作成しました。

jsFiddle リンク

ここに似ている

jsのトリック

しかし、他のアイコンが表示されています...バーの代わりにヘビ:)。

フォントの何が問題になっていますか? 回答ありがとうございます。

ここにコード：

[data-icon]:before {
  font-family: icons; /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}

<h4><span aria-hidden="true" data-icon="&#x21dd;"></span> Stats</h4>
4

1 に答える 1

1
x21dd; その「ヘビ」を表すユニコードです。

ソース

FontAwesomeアイコンを使用してみてください(@font-face を使用して CSS に含めました)。

あなたがする必要があるのは、次のようなタグでクラスを定義することだけです

<b class="fa fa-chart"></b>

そして、FontAwesome はそのタグ内にアイコンを自動的に追加します。
このFiddleを確認してください。

于 2014-10-09T09:00:00.617 に答える