IcoMoonでWebフォントを作ってみた
IcoMoon AppでWebフォントを作ってみました。まずは、インポートするためのSVG形式の画像を作ります。私は愛用のFireworksで。Fireworksでは、SVG形式はサポートされていないので、SVGで書き出すための拡張機能をインストールします。Aaron Beall - Fireworks Guru - Export正方形のカンバスに、パスツールで画像を作ったら【コマンド】→【Export】→【Export SVG】で書き出し。一文字ずつSVGファイルを用意できたらIcoMoon Appを開き、【Import Icons】をクリック。アイコンにしたいSVGファイルを選択してインポート。(複数選択できます)インポートが完了したら、【Select】ボタンを押してフォントにしたいアイコンを選択。(もちろん全部でもOKだし、気に入らないのははずしてIcoMoomから提供されているものを選択することもできます)選択が終わったら【Font→】をクリック。キーボードと対応させる文字を入力し、必要に応じて【Preferences】や【Font Metrics】を設定します。【Download】をクリックすると、ttf、woff、js、cssなどや、文字コード対応表などのzipファイルがダウンロードされます。すごく使いやすいし高機能。無料で使えるのはとてもありがたいです。インポートしたあとで並べ替えができたらもっと使いやすいと思いますがそんな贅沢は申しません。できあがったフォントファイルは、配布しても大丈夫な模様なので近々フリー素材POMOで配布したいと思います。