アイコンフォントFont AwesomeをPhotoshopやillustraterで使ってみる。 | バシャログ。
こんにちは。mackyです。 今日は、サイトデザイン時に、アイコンフォントのFont Awesomeをつかう方法をまとめようと思います。 フォントをインストール まず、Font Awesomeのサイトからフォントをダウンロードしましょう。 図の2つのファイルをインストールします。 意外と知らない？Cheatsheetの存在 では、実際にアイコンを使ってみましょう。 Photoshopを開いて新規ページを用意します。Font Awesomeのサイトから使いたいフォントをコピーします。 その際、Cheatsheetのページを使うと、どのブラウザでもコピーできて便利です。 というのは、以下のページからコピーしようとするとなぜかIEからしかできません。（詳しくいうと、ChromeとFirefoxはできませんでした。）私は普段Chromeを使っているのですが、Cheatsheetからはサクッとコピー
[バシャログスタッフの道具箱] アットいうまにアイコン作成「＠icon変換」 | バシャログ。
タブブラウザが主流になり、デザイナーの方々は favicon を作成する機会も増えているのではないでしょうか。 今回ご紹介するソフトは、favicon の作成にバッチリ使えるアイコン作成・変換ツール「＠icon変換」です。 巷に溢れる icon 作成ソフト（オンライン含）と比べて「＠icon変換」が優れているのは フリーソフトなので、気軽にダウンロード インストールが不要（レジストリを書き換えない）で、お手軽 BMP や PNG や PSD を読み込んで ICO に変換できる（つまり使い慣れた Photoshop や Fireworks でアイコンを作れば良い） マルチプルアイコン（複数のアイコンをひとつのファイルにする）対応 アルファチャンネルの設定がわかりやすい ICO や EXE、DLL も読み込めるので、アイコンビューアとしても使える といったところです。 それでは超簡単ではありま
![[バシャログスタッフの道具箱] アットいうまにアイコン作成「＠icon変換」 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
