2017-09-10 22 views
-1

私は私のプロジェクトのアイコンを使用したい、私はこのようなアイコンを追加:どのようにプロジェクトにアイコンを追加しますか?

<a href="#"> 
    <i class="icon-display4"></i> 
    <span class="visible-xs-inline-block position-right"> start</span> 
</a> 

そして、私は<head>でそれらをリンクに追加:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css"> 

しかし、アイコンは表示されません。

どうすればこの問題を解決できますか?

+0

追加しようとしているアイコンは何ですか?フォントのすごいアイコンですか? – disinfor

+0

このページは準備パネルです、わかりません – Honey

+0

'i'タグに' fa'クラスがありません。利用可能なアイコンのリストについては、素晴らしいフォントをチェックしてください。 – Ayan

答えて

0

アイコンが実際に存在することを確認してください。

<i class="icon-user-tie"> 

をしかしofficial websiteの検索は、アクティブなアイコンであるとして、このいずれかが表示されません:あなたが使用しようとしているようです。素晴らしいフォントからすべてのアイコンがここ

<i class="fa fa-plus"></i> 

リスト:

0

あなたは一例で、フォント素晴らしいアイコンを追加することができ、私は質問を理解することはできません http://fontawesome.io/icons/

-1

、私はこれかもしれないと思いますあなたが探しているものも:

タグを使用し、その後、画像を追加するには、構文は次のようになります:

これは動作するはずです

<a href="#"><img src="image location"></a> 

は、ファビコン(ページタイトルの隣に表示されるアイコン)を作るために:

リンクされた画像のための

は、このように、タグ内に画像を入れます.icoファイルhereを参照してください。

<link rel="shortcut icon" href="image location">

+0

OPはフォントアイコンの使い方を尋ねていますちょうど画像。この場合、OPはfont-awesomeを使用しています。 – Ayan

0

あなたがあなたのページでアイコンを使いたいなら、あなたは

ゴーに素晴らしいアイコンを使用する必要があります:あなたはフォント恐ろしいのCssを追加する必要がhttp://fontawesome.io/icons/

ファーストあなたのページのファイル。 After You Can Usedどこのページにいるか。

この追加:たとえば<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

は、私はこのアイコン使用しています: 'アイコン' によってあなたはブートストラップGlyphiconsを意味する場合

<i class="fa fa-pencil" aria-hidden="true"></i>

関連する問題