web-dev-qa-db-ja.com

フォント素晴らしいアイコンが機能しない

[削除と設定]リンクボタンの前に素晴らしいフォントアイコンを追加しようとしていますが、機能しません。誰かが足りないものを教えてもらえますか？

HTMLコード：

<div class="jumbotron">
    <p>
        <a class="btn btn-danger" href="#">
          <i class="fa fa-trash-o fa-lg"></i> Delete
        </a>
        <a class="btn btn-default btn-sm" href="#">
          <i class="fa fa-cog"></i> Settings
        </a>           
    </p>
  </div>

これらのcssを追加しました：

1）bootstrap.min.css 2）font-awesome.min.css

また、ここで fiddle を参照してください。

htmltwitter-bootstrap-3font-awesomebootstrap-4
5
user972255

これは、サイトURLの3.2.1のバグであり、4.0.3で修正されています。リンクの外部リンクを http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css に置き換えます

（HTMLでは、<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">になります）

このフィドルをチェックしてください

22
Cilan

これで試してください..

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
 
<div class="jumbotron">
    <p>
        <a class="btn btn-danger" href="#">
          <i class="fa fa-trash-o fa-lg"></i> Delete
        </a>
        <br>
        <a class="btn btn-default btn-sm" href="#">
          <i class="fa fa-cog"></i> Settings
        </a>           
    </p>
  </div>
3
Mr. HK

私はあなたと同じ問題を抱えていて、Wobuffetの解決策に従いましたが、機能しませんでした。

追加した title =""要素に追加すると、問題が修正されました。

<i class="fa fa-pencil" title="Edit"></i>
0
user3664663

私の場合、プロジェクトにフォントを追加していません。開発者コンソールでエラーを見つけ、Font Awesome（font-awesome.min.css）が探している場所に以下のフォントを追加しました。

Fonts

0
tk_