ドットインストールの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

コメント

タイトルとURLをコピーしました