【CSS】 【HTML】 アイコンをクリックして、リンク先に遷移したい

Question

よろしくお願いいたします。
現在、webページを作っています。

下記の写真の蛍光ペンで囲っている部分のように、アイコンを配置して、それをクリックするとリンク先に遷移するようにしたいと思っています。

Font Awesomeからアイコンを使おうとしているのですが、画面には反映されません。
カーソルはきちんと合って、クリックすれば指定したリンクにもちゃんと飛ぶのですが、アイコンが表示されていない状態です。

ソースは以下の通りなのですが、ご覧頂いておかしいところがあればご指摘いただきたく存じます。
この部分に関しては、htmlクラスの記述のみなのですが、cssも必要なのかなど、解決のためのご教示を頂ければ幸いです。

 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

 <div class="info-wrapper">
		<a href="#" class="href product">製品情報</a>
		<a href="#" class="href device">デバイス情報</a>
		<a href="#" class="href support">サポート</a>
<!--  以下、質問該当部分-->
		<a href="http://hogehogehoge" class="href setting"><span class="fa fa-bar" aria-hidden="true"></span></a>
		</div>

どうぞよろしくお願いいたします。

Answer 1

fa-barではなく、fa-barsではないでしょうか。

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

fa-bars: Font Awesome Icons
http://fontawesome.io/icon/bars/

Comments

[nekomura]

miz様
…おっしゃるとおりでございました。。。
恥ずかしい…。

無事に解決いたしました、ありがとうございます。

Answer 2

Font-Awesomeのファイル自体は読み込まれておりますか？

おそらく下記を埋め込めば表示されるかと思いますが、

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> すでに読み込み済みであれば、環境やエラーの有無を教えていただけますか？？

Comments

[nekomura]

MaShiRo_H様
ご回答ありがとうございます。
詳細を記載しておらず申し訳ありません、
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
は読み込み済みです。
私の記載したバージョンが4.3の為、ご回答いただいた4.４でも試してみたのですが特に変化はありませんでした。
環境は、eclipseの動的webプロジェクト、エラーは特に出ておりません（質問の意図を履き違えた答えであればすみません。。。）。
お手数ですが、思い当たるアドバイスがございましたらどうぞよろしくお願いいたします。

[nekomura]

今回は、スペルミスによる間違いでした。。。
お恥ずかしいです。
アドバイス、ありがとうございました！