おまかせホーマン講座用マニュアル > フォントアイコンを活用しよう! > フォントアイコンを導入するための準備

フォントアイコンを導入するための準備

Font Awesomeバージョン4.7のものです。2017年末に新しくバージョン5が公開しています。
バージョン4.7と5は内容が異なるため、バージョン5は追々解説します。

フォントアイコンを自サイトに導入するために、前もっておこなうことがあります。
これをしなければ、思うような表示がされません。

まずは、ここから始めましょう。


はーい

フォントアイコンのサイトをチェック

フォントアイコンは複数サービスがありますが、ここでは「FontAwesome」のフォントアイコンを採用します。

 FontAwesome 公式サイト 

フォントアイコンを呼び出すためにすること

外部リンクから呼び出す

ヘッダー部分にフォントアイコンを呼び出すためのリンクURLを追加します。
公式サイトから参照します。

ワードプレスでは、header.phpに追加する。

サイト内部から呼び出す

あらかじめフォントアイコンのファイルをダウンロードしておいて、サイト内に置く方法もあります。

公式サイトからダウンロードします。


  ダウンロードページ 

フォントアイコンを使うときは、まずはコピペで

公式サイトでは、各フォントアイコンがコピペで使えるようになっているので、使うときは毎回アクセスすることになります。
慣れるまでは、そのままコピペでOKです。

関連ページ