【エラー】HTMLのメニューアイコンが表示されない

##練習用のメニューをchromeで開くとアイコンが表示されない
エラーが発生

###今回学習した項目

• HTML5
• CSS

###エラーの原因を調査
F12を押下しElementsからアイコンのソース部分を確認。cssファイルの【content: '\f0c9';】の箇所にあたりをつけてぐぐったらFont Awesomeというワードを検索。
　Font Awesomeというフォントを使用したい場合下記のコードをヘッダーに記述しサイトから直接、CSSを読み込ませるとアイコンが正常に表示された。

###　記述するコード

xxxx.html

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

##所感
　今回のエラーは解決するのにあたりを早めにつけ解決することができた。しかし、Font Awesomeなどのネット上から直接CSSを読み込ませることが知識としてなくCSSの学習が足りないことも実感した。

###参考URL
https://web-design-cafe.com/archives/320
https://fontawesome.com/icons?from=io