こんにちは。mackyです。 今日は、サイトデザイン時に、アイコンフォントのFont Awesomeをつかう方法をまとめようと思います。 フォントをインストール まず、Font Awesomeのサイトからフォントをダウンロードしましょう。 図の2つのファイルをインストールします。 意外と知らない?Cheatsheetの存在 では、実際にアイコンを使ってみましょう。 Photoshopを開いて新規ページを用意します。Font Awesomeのサイトから使いたいフォントをコピーします。 その際、Cheatsheetのページを使うと、どのブラウザでもコピーできて便利です。 というのは、以下のページからコピーしようとするとなぜかIEからしかできません。(詳しくいうと、ChromeとFirefoxはできませんでした。)私は普段Chromeを使っているのですが、Cheatsheetからはサクッとコピー