dotinstallのhtmlサイト構築 font-awesomeでハマったら

font-awesomeの使い方

ドットインストールでサイト制作の練習ができます。そこでwebフォントを簡単に利用でき、また配布しているサイトに「fontawesome.io」というサイトがあります。(フォントオーサム)。

こちらの使い方としては

ダウンロードしたzipフォルダから、「cssフォルダ」と「fontsフォルダ」をお使いのエディタのフォルダなりプロジェクトなりに入れてあげます。

font-awesome

エディタに

<link rel=”stylesheet” href=””>でhref=””の中にcssのファイル名を入れてやります。(font-awesome.min.css)

fontawesomeと似たようなサイトに注意

cssを適用してやることでfont-awesomeのiconのサイトにいきタグをコピーして自分のhtmlに貼り付けるとアイコンが使えるようになるのですが、↓

スクリーンショット

似たようなサイトがあったので若干往生しました。

正しいサイト Font Awesome
違うサイト Icons | Font Awesome