suer のブログ

メモメモ. はてダ → http://d.hatena.ne.jp/suer/

Mac OS X Yosemite で Font Awesome の PNG ファイルを作る

環境

参考

encharm/Font-Awesome-SVG-PNG · GitHub

手順

必要なパッケージのインストール

$ brew install node npm librsvg

librsvg の link がうまくいかなかった旨のメッセージが出た場合は以下も実行する。

$ brew link librsvg

encharm/Font-Awesome-SVG-PNG · GitHub の README には Darwin Port でのやり方が書いてある。

Font-Awesome-SVG-PNG のインストール

$ npm install -g font-awesome-svg-png

PNG ファイルの作成

以下は赤い 40px と 80px の PNG ファイルが欲しい場合。

$ mkdir font-awesome-png
$ cd font-awesome-png
$ font-awesome-svg-png --color red --sizes 40,80 --no-svg

red ディレクトリ以下に画像が生成される。