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

  • このエントリーをはてなブックマークに追加

font-awesomeの使い方

ドットインストールでサイト制作の練習ができます。

そこでwebフォントを簡単に利用でき、また配布しているサイトに

「fontawesome.io」というサイトがあります。(フォントオーサム)。

こちらの使い方としては

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

エディタに

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

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

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

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

似たサイトとは

https://fontawesome.com/icons?d=gallery&q=linkは違うサイトです。注意しましょう。

fontawesome.ioが正です。

 
  • このエントリーをはてなブックマークに追加
     

SNSでもご購読できます。

コメントを残す

*

CAPTCHA