接続する文章のところで紹介したWEBアイコンはナビゲーションでも使えるReykjavik以外のテンプレート全てで、動作を確認しています。Awesomeのサービスを使ってWEBフォントを使用したアイコン設定する。いたるまで自由に利用して良いというライセンスつきのWEBフォントを公開しています。これをナビゲーションでも使っちゃおうというのが今回の主旨です。設定は非常に簡単で、FontAwesomeが提供しているサイトへCSSのリンクを貼るだけです。この方法なら500種類以上のアイコンが見出しにも使えます。href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">この一行を、設定>ヘッダー部分を編集に貼り付けて保存します。マウスを当てると画像が開きます。下記のスタイルシートを↑上記の『ヘッダー部分に編集』に貼り付けます。変更が必要な箇所は、赤い文字の部分だけです。1~5までは、ナビゲーションの順番です。ホームは1になります。Unicodeを取得するために本家サイトに移動します。アイコンを変更したいナビゲーション用のCSSを書き換えます。書き換えたら保存ボタンを押してページの再読み込みをします。これで終わり!!文章で使う方法はこちら>>WEBフォントのアイコンを使いたい※ナビゲーションでは文章で紹介しているオプションは使用できません!反転、回転、色の変更、などのオプション指定は、別のページで紹介する予定です。この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。メールアドレスを入力して登録ボタンを押してください。